Menü Kodu

MENÜ 1


  <!--www.site-bilgi.blogspot.com ust yatay menu basla--> <style type="text/css"> #MainMenu { width:100%; height:28px; background: url('http://img138.imageshack.us/img138/4466/kodbanksbmid040.jpg'); margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0 0 0 0 ; padding:0; } #tab a { background:#ff0000 url('http://img196.imageshack.us/img196/5610/kodbanksbright040e.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://imageshack.us/photo/my-images/32/nr.gif/') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#ff0000; font-weight:bold; line-height:38px; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } #tab a:hover, #tab li.item_active a { background-position:right bottom; border-color:#ff0000; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#ff0000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid #00ff00; background: url('http://img138.imageshack.us/img138/4466/kodbanksbmid040.jpg'); color:#ff0000; z-index:100; text-decoration:none; padding:0 } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0 ; padding:0; display:block; border:0px solid #ff0000; color:#ff0000; background:url('http://imageshack.us/photo/my-images/32/nr.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:38px; background:url('http://imageshack.us/photo/my-images/42/qo5.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#ff0000; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid #ff0000; background-position: left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#ff0000 } .dropmenudiv a:hover span { background-position:right bottom; color:#ff0000; font-weight:bold; } </style> </span> <option value="http://"></option> <option value="http://"></option> <option value="http://"></option> <option value="http://"></option> <option value="http://"></option> <option value="http://"></option> <option value="http://"></option> <option value="http://"></option> <option value="http://"></option> <option value="http://"></option> <span style="color: #c0c0c0"><br /> </span><center> <center> <center> </center> </center> </center> </center> </center> </center> </center> <span style="color: #c0c0c0"><br /> <br /> </span> <link media="screen" href="http://csstasarimm.cs.funpic.org/Menuler/menu1/styles.css" type="text/css" rel="stylesheet" /></div> <div id="tabs"> <ul> <li><span style="color: #c0c0c0">  </span></li> <li><a href="ADRES"><span style="color: #c0c0c0">LİNK</span></a></li> <li><a href="ADRES"><span style="color: #c0c0c0">LİNK</span></a></li> <li><a href="ADRES"><span style="color: #c0c0c0">LİNK</span></a></li> <li><a href="ADRES"><span style="color: #c0c0c0">LİNK</span></a></li> <li><a href="ADRES"><span style="color: #c0c0c0">LİNK</span></a></li> <li><a title="" target="_blank" rel="nofollow" href="ADRES"><span style="color: #c0c0c0">LİNK</span></a></li> </ul> </div> <div> <span style="color: #c0c0c0"><br /> </span><textarea class="bginput" rows="5" cols="42" onclick="this.focus();this.select()" style="width: 385px; cursor: url(''); height: 50px" name="www.site-bilgi.blogspot.com"><link rel="stylesheet" href="http://csstasarimm.cs.funpic.org/Menuler/menu1/styles.css" type="text/css" media="screen" /> <div id="tabs"> <ul> <li><a href="www.site-bilgi.blogspot.com" _fcksavedurl="www.site-bilgi.blogspot.com"><span>LİNK</span></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><span>LİNK</span></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><span>LİNK</span></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><span>LİNK</span></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><span>LİNK</span></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><span>LİNK</span></a></li> <li><a rel="nofollow" target="_blank" href="ADRES" _fcksavedurl="ADRES" title=""><span>LİNK</span></a></li> </ul> </div> ö


ÖRNEK GÖRÜNÜM:

•  
• LİNK
• LİNK
• LİNK
• LİNK
• LİNK
• LİNK

MENÜ 2 

<link rel="stylesheet" href="http://csstasarimm.cs.funpic.org/Menuler/menu1/styles.css" type="text/css" media="screen" /> <div id="tabs"> <ul> <li><a href="www.site-bilgi.blogspot.com" _fcksavedurl="www.site-bilgi.blogspot.com"><span>LİNK</span></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><span>LİNK</span></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><span>LİNK</span></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><span>LİNK</span></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><span>LİNK</span></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><span>LİNK</span></a></li> <li><a rel="nofollow" target="_blank" href="ADRES" _fcksavedurl="ADRES" title=""><span>LİNK</span></a></li> </ul> </div> MENÜ 2 <textarea id="embed-video-code" rows="4" onclick="this.select();" style="width: 400px"><center> <!--site-bilgi.blogspot.com resimli yatay ust menu basla--><style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .bubblewrap{ list-style-type:none; margin:0; padding:0; } .bubblewrap li{ display:inline; width: 45px; height:40px; } .bubblewrap li img{ width: 45px; /* width of each image.*/ height: 50px; /* height of each image.*/ border:0; margin-right: 12px; /*spacing between each image*/ -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ } .bubblewrap li img:hover{ -moz-transform:scale(1.8); /*scale up image 1.8x*/ -webkit-transform:scale(1.8); -o-transform:scale(1.8); } </style> <ul class="bubblewrap"> <li><a href="#" _fcksavedurl="#"><img src="http://www.quackit.com/pix/web_graphics/free_website_graphics/icons/books/book01.gif" _fcksavedurl="http://www.quackit.com/pix/web_graphics/free_website_graphics/icons/books/book01.gif" title="Anasayfa" /></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><img src="http://img693.imageshack.us/img693/208/ata3kodbanks.gif" _fcksavedurl="http://img693.imageshack.us/img693/208/ata3kodbanks.gif" title="Atatürk" /></a></li> <li><a href="Ziyaretci defteri ADRESİ" _fcksavedurl="Ziyaretci defteri ADRESİ"><img src="http://www.quackit.com/pix/web_graphics/free_website_graphics/icons/books/books12.gif" _fcksavedurl="http://www.quackit.com/pix/web_graphics/free_website_graphics/icons/books/books12.gif" title="Ziyaretci defteri" /></a></li> <li><a href="iletişim ADRES" _fcksavedurl="iletişim ADRES"><img src="http://www.quackit.com/pix/web_graphics/free_website_graphics/icons/email/envelop1.gif" _fcksavedurl="http://www.quackit.com/pix/web_graphics/free_website_graphics/icons/email/envelop1.gif" title="İletişim" /></a></li> <li><a href="E-MEİL ADRES" _fcksavedurl="E-MEİL ADRES"><img src="http://www.quackit.com/pix/web_graphics/free_website_graphics/icons/email/email05.gif" _fcksavedurl="http://www.quackit.com/pix/web_graphics/free_website_graphics/icons/email/email05.gif" title="e-meil" /></a></li> </ul> <!--site-bilgi.blogspot.com resimli yatay ust menu bitir-->



 ÖRNEK GÖRÜNÜM:

• 
• 
• 
• 
•