empadesign

Yesil Cift Menulu

Yeşil Çift Menü'lü Css Tasarım

Çok güzel bir tasarım sağ da ve sol da güzel bir menü , üst kısımda 468x60 reklam alanı ayrıca üst kısımda birde duyuru bölümü seçeneğini sizlere sunuyorum.

Tasarım Özellikleri:

https://img.webme.com/pic/o/osmantalay/bltbtn.png

Tasarim İsmi: -Yeşil Çift Menü'lü

Kategorisi: -Css Tasarım

Telif Hakkı: -EmPaDesign

Eklenme: -14/Ağustos/2011

Eklenme: 14 Ağustos 2011 Pazar

Tasarımın Üzerindeki Yazı:

<table width="904" border="0" align="center" cellpadding="0" cellspacing="0">   <tr>     <td height="844" valign="top"><table width="898" border="0" align="center" cellpadding="0" cellspacing="0">       <tr>         <td height="158" valign="top" background="https://img.webme.com/pic/d/dnmbymystery/yesilheader.png"><table width="898" border="0" cellspacing="0" cellpadding="0">           <tr>             <td width="8" height="36"> </td>             <td width="67" style="text-shadow:0 0 2px #000; color:#74cd00;">Duyurular:</td>             <td width="819">Buraya Duyuru Gelecek</td>             <td width="10"> </td>           </tr>         </table>           <table width="360" border="0" align="left" cellpadding="0" cellspacing="0">             <tr>               <td width="10" height="119"> </td>               <td width="350" align="center" valign="middle"><img src="https://img.webme.com/pic/e/empadesign/empadesignlogo.png" _fcksavedurl="https://img.webme.com/pic/e/empadesign/empadesignlogo.png" width="271" height="101"><br>Buraya En Fazla 350x120 Logo Gelebilir!</td>             </tr>           </table>           <table width="538" border="0" cellspacing="0" cellpadding="0">             <tr>               <td width="38" height="22"> </td>               <td width="468"> </td>               <td width="32"> </td>             </tr>             <tr>               <td height="60"> </td>               <td align="center" valign="middle"><script type="text/javascript">
</script><script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>               <td> </td>             </tr>           </table></td>       </tr>     </table>       <table width="208" border="0" align="left" cellpadding="0" cellspacing="0">         <tr>           <td height="34" valign="middle" background="https://img.webme.com/pic/d/dnmbymystery/yesilmenu_01.png"><table width="200" border="0" align="center" cellpadding="0" cellspacing="0">             <tr>               <td align="center" style="text-shadow:0 0 2px #000; color:#74cd00;">Buradasınız: Yesil Cift Menulu</td>             </tr>           </table></td>         </tr>         <tr>           <td height="399" valign="top" background="https://img.webme.com/pic/d/dnmbymystery/yesilmenu_02.png"><table width="200" border="0" align="center" cellpadding="0" cellspacing="0">             <tr>               <td height="242" valign="top"><img src="https://img.webme.com/pic/d/dnmbymystery/200x200reklam.png" _fcksavedurl="https://img.webme.com/pic/d/dnmbymystery/200x200reklam.png" width="200" height="200" alt="200x200 reklam alanı"><div class="markermenu"> <ul>     <h3 class="headerbar">ANA MENÜ</h3>     <li><a href="#" _fcksavedurl="#">Ana Sayfa </a></li>     <li><a href="#" _fcksavedurl="#">Hakkımda</a></li>     <li><a href="#" _fcksavedurl="#">Ziyaretçi Defteri</a></li>     <li><a href="#" _fcksavedurl="#">ReferasnLar</a></li>     <li><a href="#" _fcksavedurl="#">Online İLetişim</a></li>     <li><a href="#" _fcksavedurl="#">Forumumuz </a></li>      <h3 class="headerbar">ANA MENÜ</h3>     <li><a href="#" _fcksavedurl="#">Ana Sayfa </a></li>     <li><a href="#" _fcksavedurl="#">Hakkımda</a></li>     <li><a href="#" _fcksavedurl="#">Ziyaretçi Defteri</a></li>     <li><a href="#" _fcksavedurl="#">ReferasnLar</a></li>     <li><a href="#" _fcksavedurl="#">Online İLetişim</a></li>     <li><a href="#" _fcksavedurl="#">Forumumuz </a></li>      <h3 class="headerbar">ANA MENÜ</h3>     <li><a href="#" _fcksavedurl="#">Ana Sayfa </a></li>     <li><a href="#" _fcksavedurl="#">Hakkımda</a></li>     <li><a href="#" _fcksavedurl="#">Ziyaretçi Defteri</a></li>     <li><a href="#" _fcksavedurl="#">ReferasnLar</a></li>     <li><a href="#" _fcksavedurl="#">Online İLetişim</a></li>     <li><a href="#" _fcksavedurl="#">Forumumuz </a></li> </ul> </div> </td>             </tr>           </table></td>         </tr>         <tr>           <td height="10" background="https://img.webme.com/pic/d/dnmbymystery/yesilmenu_03.png"></td>         </tr>     </table>       <table width="488" border="0" align="left" cellpadding="0" cellspacing="0">         <tr>           <td height="35" background="https://img.webme.com/pic/d/dnmbymystery/icerik_01.png"> </td>         </tr>         <tr>           <td height="397" valign="top" background="https://img.webme.com/pic/d/dnmbymystery/icerik_02.png"><table width="480" border="0" align="center" cellpadding="0" cellspacing="0">             <tr>               <td><div id="content">

Tasarımın Altındaki Yazı:

</div></td>             </tr>           </table></td>         </tr>         <tr>           <td height="11" background="https://img.webme.com/pic/d/dnmbymystery/icerik_03.png"></td>         </tr>         <tr>           <td height="18" align="center"><div id="footer">Copyright 2011  Tüm Hakları Saklıdır! Designed By <a href="http://empadesign.tr.gg" _fcksavedurl="http://empadesign.tr.gg"><font color="006599">EmPa</font><font color="ad0a0d">Design</font></a></div></td>         </tr>       </table>       <table width="208" border="0" align="right" cellpadding="0" cellspacing="0">         <tr>           <td width="213" height="34" valign="top" background="https://img.webme.com/pic/d/dnmbymystery/yesilmenu_01.png"><table width="195" border="0" align="center" cellpadding="0" cellspacing="0">             <tr>               <td height="34" align="center" valign="middle" style="text-shadow:0 0 2px #000; color:#74cd00;"><div id="clock">3 Temmuz 2010 | 13:21:08</div><script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("","","","","","","");
var months=new Array("Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylul","Ekim","Kasım","Aralık");
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
document.getElementById("clock").innerHTML=days[day] + "   " + date + " " + months[month] + " " + year + " | " + h + ":" + m + ":" + s + " "
setTimeout("refrClock()",1000);
}
refrClock();
</script></td>             </tr>           </table></td>         </tr>         <tr>           <td height="399" valign="top" background="https://img.webme.com/pic/d/dnmbymystery/yesilmenu_02.png"><table width="200" border="0" align="center" cellpadding="0" cellspacing="0">             <tr>               <td height="242" valign="top"><img src="https://img.webme.com/pic/d/dnmbymystery/200x200reklam.png" _fcksavedurl="https://img.webme.com/pic/d/dnmbymystery/200x200reklam.png" width="200" height="200" alt="200x200 reklam alanı"><div class="markermenu"> <ul>     <h3 class="headerbar">ANA MENÜ</h3>     <li><a href="#" _fcksavedurl="#">Ana Sayfa </a></li>     <li><a href="#" _fcksavedurl="#">Hakkımda</a></li>     <li><a href="#" _fcksavedurl="#">Ziyaretçi Defteri</a></li>     <li><a href="#" _fcksavedurl="#">ReferasnLar</a></li>     <li><a href="#" _fcksavedurl="#">Online İLetişim</a></li>     <li><a href="#" _fcksavedurl="#">Forumumuz </a></li>      <h3 class="headerbar">ANA MENÜ</h3>     <li><a href="#" _fcksavedurl="#">Ana Sayfa </a></li>     <li><a href="#" _fcksavedurl="#">Hakkımda</a></li>     <li><a href="#" _fcksavedurl="#">Ziyaretçi Defteri</a></li>     <li><a href="#" _fcksavedurl="#">ReferasnLar</a></li>     <li><a href="#" _fcksavedurl="#">Online İLetişim</a></li>     <li><a href="#" _fcksavedurl="#">Forumumuz </a></li>      <h3 class="headerbar">ANA MENÜ</h3>     <li><a href="#" _fcksavedurl="#">Ana Sayfa </a></li>     <li><a href="#" _fcksavedurl="#">Hakkımda</a></li>     <li><a href="#" _fcksavedurl="#">Ziyaretçi Defteri</a></li>     <li><a href="#" _fcksavedurl="#">ReferasnLar</a></li>     <li><a href="#" _fcksavedurl="#">Online İLetişim</a></li>     <li><a href="#" _fcksavedurl="#">Forumumuz </a></li> </ul> </div></td>             </tr>           </table></td>         </tr>         <tr>           <td height="10" background="https://img.webme.com/pic/d/dnmbymystery/yesilmenu_03.png"></td>         </tr>     </table></td>   </tr> </table>

Css Kodu:

body{ 	background:url(http://www.backgroundlabs.com/backgrounds/13.gif) } #footer { 	font-family: Verdana, Geneva, sans-serif; 	font-size: 12px; 	color: #ddd; 	text-decoration: none; 	text-shadow:0 0 2px #000; 	font-weight: bold; } .headerbar{ 	text-transform: uppercase; 	color: #ddd; /*header text is indented 10px*/ 	margin: 0px; 	text-shadow:0px 0px 2px #333; 	background: url(https://img.webme.com/pic/d/dnmbymystery/menubaslikbg.png); 	padding-top: 2px; 	padding-right: 0px; 	padding-bottom: 0px; 	padding-left: 18px; 	font-family: Verdana, Geneva, sans-serif; 	font-size: 18px; 	font-weight: bold; 	height: 23px; }  .markermenu{ width: 200px; /*width of menu*/ }  .markermenu ul{ list-style-type: none; margin: 5px 0; padding: 0; }  .markermenu ul li a{ 	background: url(https://img.webme.com/pic/b/bs-blogger/ok.png) no-repeat 2px center; 	text-shadow:0px 0px 2px #333; 	color: #ddd; 	display: block; 	width: auto; 	padding: 2px 0; 	padding-left: 18px; 	text-decoration: none; 	font-family: Arial; 	font-size: 13px; 	font-style: italic; 	font-weight: bold; }   * html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */ width: 192px; }  .markermenu ul li a:visited, .markermenu ul li a:active{ color: #00014e; }  /* Holly Hack for IE */ * html .markermenu ul li { height: 1%; } * html .markermenu ul li a { height: 1%; } /* End */

Yesil Cift Menulu

Giriş Yap

Kategoriler

Popüler Yazılar

Reklamlar

Dostlarım