Html Kodları | Fbml Kodları | Film | Video | Webmaster

css menu kodlari

<link rel="stylesheet"  href="http://www.fileden.com/files/2009/4/21/2412660/kodbanks-menu-Belgesi.css"  type="text/css" media="screen" /> <div id="tabs"> <ul>  <li><a href="http://www.htmlkoddolu.tr.gg"  _fcksavedurl="http://www.htmlkoddolu.tr.gg"  _fcksavedurl="http://www.htmlkoddolu.tr.gg"><span>LİNK</span></a></li>  <li><a href="ADRES" _fcksavedurl="ADRES"  _fcksavedurl="ADRES"><span>LİNK</span></a></li>   <li><a href="ADRES" _fcksavedurl="ADRES"  _fcksavedurl="ADRES"><span>LİNK</span></a></li>   <li><a href="ADRES" _fcksavedurl="ADRES"  _fcksavedurl="ADRES"><span>LİNK</span></a></li>   <li><a href="ADRES" _fcksavedurl="ADRES"  _fcksavedurl="ADRES"><span>LİNK</span></a></li>  <li><a href="ADRES" _fcksavedurl="ADRES"  _fcksavedurl="ADRES"><span>LİNK</span></a></li>   <li><a rel="nofollow" target="_blank" href="ADRES"  _fcksavedurl="ADRES" _fcksavedurl="ADRES"  title=""><span>LİNK</span></a></li>  </ul> </div>

KOD:

<!DOCTYPE html PUBLIC "-//W3C//DTD  XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html;  charset=utf-8"  /> <title>Menu</title> <link href="http://www.yourjavascript.com/50101115361/style.css.js"  rel="stylesheet" type="text/css" /> </head> <body> <div class="nav-container-outer"> <img src="http://img708.imageshack.us/img708/1185/navbgl.jpg"  _fcksavedurl="http://img708.imageshack.us/img708/1185/navbgl.jpg" alt=""  class="float-left" /> <img src="http://img714.imageshack.us/img714/294/navbgr.jpg"  _fcksavedurl="http://img714.imageshack.us/img714/294/navbgr.jpg" alt=""  class="float-right" /> <ul id="nav-container" class="nav-container"> <li><a class="item-primary" href="#"  _fcksavedurl="#">HOME</a> </li> <li><span class="divider divider-vert"  ></span></li> <li><a class="item-primary" href="#"  _fcksavedurl="#">Products</a> <ul style="width:150px;"> <li><a href="#"  _fcksavedurl="#">SoftwarePlus</a></li> <li><a href="#"  _fcksavedurl="#">MagicDriver</a></li> <li><a href="#"  _fcksavedurl="#">GreatFX</a></li> <li><a href="#"  _fcksavedurl="#">SampleSoft</a></li> <li><a href="#" _fcksavedurl="#">UnDoIt</a></li> <li><a href="#" _fcksavedurl="#">100% CSS  Menu</a></li> <li><a href="#;" _fcksavedurl="#;">With  Cross-Browser</a></li> <li><a href="#;"  _fcksavedurl="#;">Dropdowns</a></li> <li><a href="#;" _fcksavedurl="#;">Absolutely NO  Javascript</a></li> <li><a href="#;" _fcksavedurl="#;">Being Used  On</a></li> <li><a href="#;" _fcksavedurl="#;">These  Menus</a></li> <li><span class="divider divider-horiz"  ></span></li> <li><a href="#;" _fcksavedurl="#;">Example Of a  Divider</a></li> <li><a href="#;" _fcksavedurl="#;">With No  Title</a></li> </ul></li> <li><span class="divider divider-vert"  ></span></li> <li><a class="item-primary" href="#"  _fcksavedurl="#">Quality</a> <ul style="width:150px;"> <li><a href="#"  _fcksavedurl="#">SoftwarePlus</a></li> <li><a href="#"  _fcksavedurl="#">MagicDriver</a></li> <li><a href="#"  _fcksavedurl="#">GreatFX</a></li> <li><a href="#"  _fcksavedurl="#">SampleSoft</a></li> <li><a href="#" _fcksavedurl="#">UnDoIt</a></li> <li><a href="#" _fcksavedurl="#">100% CSS  Menu</a></li> <li><a href="#;" _fcksavedurl="#;">With  Cross-Browser</a></li> <li><a href="#;"  _fcksavedurl="#;">Dropdowns</a></li> <li><a href="#;" _fcksavedurl="#;">Absolutely NO  Javascript</a></li> <li><a href="#;" _fcksavedurl="#;">Being Used  On</a></li> <li><a href="#;" _fcksavedurl="#;">These  Menus</a></li> <li><span class="divider divider-horiz"  ></span></li> <li><a href="#;" _fcksavedurl="#;">Example Of a  Divider</a></li> <li><a href="#;" _fcksavedurl="#;">With No  Title</a></li> </ul></li> <li><span class="divider divider-vert"  ></span></li> <li><a class="item-primary" href="#"  _fcksavedurl="#">Services</a> <ul style="width:150px;"> <li><span class="item-secondary-title" >Title For  Links</span></li> <li><a href="#" _fcksavedurl="#">These Links Still  Appear</a></li> <li><a href="#" _fcksavedurl="#">Just Like The  Others</a></li> <li><a href="#" _fcksavedurl="#">Even When Under A  Title</a></li> <li><span class="divider divider-horiz"  ></span></li> <li><span class="item-secondary-title" >Title After  Divider</span></li> <li><a href="#" _fcksavedurl="#">Once  Again...</a></li> <li><a href="#" _fcksavedurl="#">These Links Still  Appear</a></li> <li><a href="#" _fcksavedurl="#">Just Like The  Others</a></li> <li><a href="#" _fcksavedurl="#">Even When Under A  Title</a></li> </ul></li> <li><span class="divider divider-vert"  ></span></li> <li><a class="item-primary" href="#;" _fcksavedurl="#;">Very  Long Item</a> <ul style="width:150px;"> <li><span class="item-secondary-title" >Title For  Links</span></li> <li><a href="#" _fcksavedurl="#">These Links Still  Appear</a></li> <li><a href="#" _fcksavedurl="#">Just Like The  Others</a></li> <li><a href="#" _fcksavedurl="#">Even When Under A  Title</a></li> <li><span class="divider divider-horiz"  ></span></li> <li><span class="item-secondary-title" >Title After  Divider</span></li> <li><a href="#" _fcksavedurl="#">Once  Again...</a></li> <li><a href="#" _fcksavedurl="#">These Links Still  Appear</a></li> <li><a href="#" _fcksavedurl="#">Just Like The  Others</a></li> <li><a href="#" _fcksavedurl="#">Even When Under A  Title</a></li> </ul></li> <li><span class="divider divider-vert"  ></span></li> <li><a class="item-primary" href="#;"  _fcksavedurl="#;">Fully Flexible</a> <ul style="width:150px;"> <li><span class="item-secondary-title" >Title For  Links</span></li> <li><a href="#" _fcksavedurl="#">These Links Still  Appear</a></li> <li><a href="#" _fcksavedurl="#">Just Like The  Others</a></li> <li><a href="#" _fcksavedurl="#">Even When Under A  Title</a></li> <li><span class="divider divider-horiz"  ></span></li> <li><span class="item-secondary-title" >Title After  Divider</span></li> <li><a href="#" _fcksavedurl="#">Once  Again...</a></li> <li><a href="#" _fcksavedurl="#">These Links Still  Appear</a></li> <li><a href="#" _fcksavedurl="#">Just Like The  Others</a></li> <li><a href="#" _fcksavedurl="#">Even When Under A  Title</a></li> </ul></li> <li class="clear"> </li></ul> </div> </body> </html>

KOD:

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .ubercolortabs{ padding: 0; width: 100%; overflow: hidden; background: transparent; } .ubercolortabs ul{ font:11px Verdana,Arial, Verdana, sans-serif; margin: 0; padding: 0; list-style: none; } .ubercolortabs li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform: uppercase; } .ubercolortabs a{ float: left; color: white; background: #000000 url(media/roundleft.gif) no-repeat left top;  /*default background color of tabs, left corner image*/ margin: 0 2px 0 0; padding: 0 0 1px 3px; text-decoration: none; letter-spacing: 1px; } .ubercolortabs a span{ float: left; display: block; background: transparent url(media/roundright.gif) no-repeat right top;  /*right corner image*/ padding: 7px 9px 3px 6px; cursor: pointer; } .ubercolortabs a span{ float: none; } .ubercolortabs a:hover, .ubercolortabs li.selected a{ background-color: #cccccc; /*background color of tabs onMouseover*/ color: blue; } .ubercolortabs a:hover span{ background-color: transparent; } .ubercolordivider{ /*CSS for horizontal line.*/ clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #000000; /*background color of horizontal line*/ border-top: 1px solid #ff0000; /*Remove this to remove border between  bar and tabs*/ } </style> <div class="ubercolortabs"> <ul> <li><a href="http://www.dynamicdrive.com"  _fcksavedurl="http://www.dynamicdrive.com"  _fcksavedurl="http://www.dynamicdrive.com" style="margin-left:  12px"><span>Home</span></a></li> <li><a href="http://www.dynamicdrive.com/new.htm"  _fcksavedurl="http://www.dynamicdrive.com/new.htm"  _fcksavedurl="http://www.dynamicdrive.com/new.htm"><span>New</span></a></li> <li  class="selected"><a  href="http://www.dynamicdrive.com/revised.htm"  _fcksavedurl="http://www.dynamicdrive.com/revised.htm"  _fcksavedurl="http://www.dynamicdrive.com/revised.htm"><span>Revised</span></a></li> <li><a  href="http://tools.dynamicdrive.com"  _fcksavedurl="http://tools.dynamicdrive.com"  _fcksavedurl="http://tools.dynamicdrive.com"><span>Tools</span></a></li> <li><a  href="http://www.dynamicdrive.com/forums/"  _fcksavedurl="http://www.dynamicdrive.com/forums/"  _fcksavedurl="http://www.dynamicdrive.com/forums/"><span>Forums</span></a></li> </ul> </div> <div  class="ubercolordivider"> </div>

Kod:

<!htmlkoddolu.tr.gg dikey menu  basla--><style type="text/css">  /*Credits: Dynamic Drive CSS  Library */ /*URL: http://www.dynamicdrive.com/style/ */  .glossymenu{  list-style-type: none; margin: 5px 0; padding: 0; width: 162px; border:  3px solid #000066; border-bottom-width: 0; }  .glossymenu li a{  background: yellow  url(http://images.bigoo.ws/content/background/water/water_54.gif)  repeat-x bottom left; font: bold 14px "Lucida Grande", "Trebuchet MS",  Verdana, Helvetica, sans-serif; color: yellow; display: block; width:  auto; padding: 3px 0; padding-left: 10px; text-decoration: none;  }   *  html .glossymenu li a{ /*IE only. Actual menu width minus left padding  of A element (10px) */ width: 160px; }  .glossymenu li a:visited,  .glossymenu li a:active{ color: blue; }  .glossymenu li a:hover{  background-image:  url(http://www.dynamicdrive.com/cssexamples/media/glossyback2.gif); }   </style> <ul class="glossymenu"> <li><a  href="http://kodbanks.blogcu.com/anasayfa_46119051.html"  _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html"  mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html"  >Anasayfa</a></li> <li><a  href="http://kodbanks.blogcu.com/anasayfa_46119051.html"  _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html"  mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html"  >İletişim</a></li> <li><a  href="http://kodbanks.blogcu.com/anasayfa_46119051.html"  _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html"  mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html">Ziyaretci  defteri</a></li> <li><a  href="http://kodbanks.blogcu.com/anasayfa_46119051.html"  _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html"  mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html">DOM  Reference</a></li> <li><a  href="http://kodbanks.blogcu.com/anasayfa_46119051.html"  _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html"  mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html">Oyun</a></li>  <li><a  href="http://kodbanks.blogcu.com/anasayfa_46119051.html"  _fcksavedurl="http://kodbanks.blogcu.com/anasayfa_46119051.html"  mce_href="http://kodbanks.blogcu.com/anasayfa_46119051.html"  style="border-bottom-width: 0" mce_style="border-bottom-width:  0">Link></li></ul><!htmlkoddolu.tr.gg dikey menu  bitir-->

Html Kodları | Fbml Kodları | Film | Video | Webmaster | Css Tasarımlar

css menu kodlari

Kategoriler

Zamansız konular

Son yorumlananlar

RASTGELE