Siteniz için üst menü kodu
Siteniz için oldukça şık üstte sabit kayan menü kodu her tarayıcıda aynı özelliği gösteren bu kod yalnız html kodu ile ekleyerek kullanabilirsiniz. Sabit menü kodunu aldıktan sonra gerekli yerleri kendinize göre ayarlayınız.
|
Önizleme, orjinal boyut için tıklayın |
<div id="somtkod"> </div>
<div id="somutkod"><style type="text/css"> body { color: #333; font-family: Arial, Helvetica, sans-serif; line-height: 1.4; margin: 0; } a:link { color: rgb(39, 73, 131); text-decoration: none; } a:visited { color: rgb(39, 73, 131); text-decoration: none; } a:hover, a:active { color: #323232; } #somutkodcizgi {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn2Ei_1qsfznop8Ti3weknVAabNAofP5cFj63rfafuCblO7muJjZERPdf6i9tK_fSOKKKLt-9DXlqe7OdhUDHsHudKD1Fwmp1U_oUzQP_TS0I92BuU9awhJR6ET58zZ-ocF-Ppna3H012Y/h1/k491t.png) repeat-x;height:2px;width:%100;} #main-ozi {margin: 0px;padding: 0px;width:1110px;} .seffaf { -moz-box-shadow: 0px 0px 5px rgba(182, 182, 182, 0.50); -webkit-box-shadow: 0px 0px 10px rgba(182, 182, 182, 0.50); box-shadow: 0px 0px 10px rgba(182, 182, 182, 0.50); background-image: url(http://img.webme.com/pic/c/css-tasarimdeneme/seffaf.png); background-repeat: repeat; padding: 4px; } .shanex { width: 110px; height: 110px; margin-top:5px; margin-bottom:5px; border:1px solid #ddd; padding: 5px; border-radius:3px; } #somutkod{ position:fixed; top:0; right:0; left:0; z-index:1; background: rgb(249, 249, 249) url(http://img.webme.com/pic/c/css-tasarimdeneme/bg56.png) repeat-x; height:40px; width:%100; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.25); box-shadow: 0 2px 3px rgba(0, 0, 0, .25); } #somutkodheader{ width:1010px; margin-left:auto; margin-right:auto; } #somutkodheader-ara{ float:right; margin-right:0px; padding-top: 4px; } #somutkodlogo{ float:left; margin-right:5px; padding-top:1px; } .somutkodmenu{position: relative;width: 600px;float: left;margin-top:0px;} .somutkodmenu li { float: left; margin-right: 1px; display: block; border-right: 1px solid #ededed; border-height:3px; } .somutkodmenu li a { display: block; text-align: center; height: 23px; min-width: 90px; padding: 10px 10px 5px 10px; font-weight: bold; line-height: 18px; font-size: 13px; color: gray; } .somutkod a { color: #1a74b0; font-weight: bold; background-color: #fafafa; } .header-msomutkodmenur { color: #fff; font-weight: bold; background-color: #1a74b0; } </style>
<div id="somutkod">
<div id="somutkodcizgi"> </div>
<div id="somutkodheader">
<div id="somutkodlogo"> </div>
<ul class="somutkodmenu">
<li><a href="http://webilgici.blogspot.com.tr/2016/05/mahset-kodu.html">Html-Css Kodlar</a></li>
<li><a href="http://webilgici.blogspot.com.tr/2016/05/mahset-kodu.html">Temalar</a></li>
<li><a href="http://webilgici.blogspot.com.tr/2016/05/mahset-kodu.html">İletişim</a></li>
<li><a href="http://webilgici.blogspot.com.tr/2016/05/mahset-kodu.html">Dersler</a></li>
<li><a href="http://webilgici.blogspot.com.tr/2016/05/mahset-kodu.html">Kod Önizleme</a></li>
</ul>
</div>
</div>
</div>
Join the conversation