Sitenize CSS'Lİ MeNü

[carlos1994]

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve resimler (altından) > Renkler > CSS Stylesheet (içine)

Menü tasarımı forumun istediğiniz bir yerinde kullanıla bilir!

Kod:

.menu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px;
}

.menu li a{
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
text-decoration:none;
}

.menu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

html>body .menu li a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: inset;
}

NoT: Kodun tam çalışması için aşşağıdaki gibi forumun istediğiniz yerinde kullanmalısınız

Kod:

<ul class="menu">
    <li><a href="1.Link">1.İsim</a></li>
    <li><a href="2.Link">2.İsim</a></li>
    <li><a href="3.Link">3.İsim</a></li>
    <li><a href="4.Link">4.İsim</a></li>
    <li><a href="5.Link">5.İsim</a></li>
    <li><a href="6.Link">6.İsim</a></li>
</ul>