Merhaba arkadaşlar, uzun süredir kodlama yapıyorum. Ve bende Menü kodlaması yaptım. Uzun bir kodlama oldu açıkçası. MyBB'de çalışıyor. Diğer bloglarda daha iyi çalışır.
Görüntü;
Normal Hali

Üzerine Gelince

Şimdiden iyi kullanmalar. Birde Duyuru v.1'i yapıp paylaşmıştım. V.2'de yapıyorum. Eminim beğeniceksiniz.
Kişiye özel kodlamalar'da yapıyorum...
Görüntü;
Normal Hali

Üzerine Gelince

Kod:
<style type="text/css">
body {
font: 100%/1.4 Comic Sans MS, Arial, Helvetica, sans-serif;
margin: 0;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
.container {
width: 960px;
background-color: #FFF;
margin: 0 auto;
overflow: hidden; /* */
}
.sidebar1 {
float: left;
width: 0px;
background-color: #EADCAE;
padding-bottom: 0px;
}
ul.nav {
list-style: none;
border-top: 1px solid #666;
margin-bottom: 0px;
}
ul.nav li {
border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited {
padding: 10px 100px 10px 10px;
display: block;
width: 160px;
text-decoration: none;
background-color: #8b8386;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background-color: #2e8b57;
color: #FFFFFF;
</style></head>
<div class="sidebar1">
<ul class="nav">
<li><a href="#">Menü Yazısı 1</a></li>
<li><a href="#">Menü Yazısı 2</a></li>
<li><a href="#">Menü Yazısı 3</a></li>
<li><a href="#">Menü Yazısı 4</a></li>
Şimdiden iyi kullanmalar. Birde Duyuru v.1'i yapıp paylaşmıştım. V.2'de yapıyorum. Eminim beğeniceksiniz.
Kişiye özel kodlamalar'da yapıyorum...