CssMenüMakerden Editlediğim renkli menüler ve kodları diğer devamıdır

[Hüsamettin]

Merhaba Arkadaşlar CssMenüMakerden Editlediğim Renkli Üst Menü kodlarının devamıdır .
Caps(bunu türkçe yaptım ve eklemeler yaptım) :

Admin Kp + Temalar Ve Şablonlar + Temanız + global.css nin en altına şu kodu ekleyin .

Kod: Tümünü Seç Tümünü Kopyala

/* Let's import the lovely google font, please keep this line at the top of your stylesheet */

@import url(http://fonts.googleapis.com/css?family=Capriola);



/* Menu CSS */

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{
    
    padding: 0;
    margin: 0;
    line-height: 1;
    font-family: 'Capriola', sans-serif;
    
}

#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {

    content: '';
    display: table;
    
}


#cssmenu:after, #cssmenu > ul:after {

    clear: both;
    
}

#cssmenu {

    zoom:1;
    height: 69px;
    background: url(bottom-bg.png) repeat-x center bottom;
    border-radius: 2px;
    
}

#cssmenu ul{

    background: url(nav-bg.png) repeat-x 0px 4px;
    height: 69px;
    
}

#cssmenu ul li{

    float: left;
    list-style: none;
    
}

#cssmenu ul li a{
    
    display: block;
    height: 37px;
    padding: 22px 30px 0;
    margin: 4px 2px 0;
    border-radius: 2px 2px 0 0;
    text-decoration: none;
    font-size: 15px;
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
    font-weight: 400;
    opacity: .9;
    
}

#cssmenu ul li:first-child a{
    
    margin: 4px 2px 0 0;
    
}

#cssmenu ul li a:hover, #cssmenu ul li.active a{
    
    background: url(color.png) center bottom;
    display: block;
    height: 37px;
    margin-top: 0px;
    padding-top: 26px;
    color: #600000;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .35);
    opacity: 1;
    
}

Sonra ;
Admin Kp + Temalar Ve Şablonlar + Şablonlar + Header Şablonları + headerin en üstüne şu kodu ekleyin .

Kod: Tümünü Seç Tümünü Kopyala

<div id='cssmenu'>
<ul>
   <li class='active '><a href='index.php'><span>Anasayfa</span></a></li>
   <li><a href='index.php'><span>Forum</span></a></li>
   <li><a href='portal.php'><span>Portal</span></a></li>
   <li><a href='memberlist.php'><span>Üye Listesi</span></a></li>
   <li><a href='search.php'><span>Arama</span></a></li>
   <li><a href='misc.php?action=help'><span>Yardım</span></a></li>
</ul>
</div>

grisi :
Caps(bunu türkçe yaptım ve eklemeler yaptım) :

Admin Kp + Temalar Ve Şablonlar + Temanız + global.css nin en altına şu kodu ekleyin .

Kod: Tümünü Seç Tümünü Kopyala

/* Let's import the lovely google font, please keep this line at the top of your stylesheet */

@import url(http://fonts.googleapis.com/css?family=Capriola);



/* Menu CSS */

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{
    
    padding: 0;
    margin: 0;
    line-height: 1;
    font-family: 'Capriola', sans-serif;
    
}

#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {

    content: '';
    display: table;
    
}


#cssmenu:after, #cssmenu > ul:after {

    clear: both;
    
}

#cssmenu {

    zoom:1;
    height: 69px;
    background: url(bottom-bg.png) repeat-x center bottom;
    border-radius: 2px;
    
}

#cssmenu ul{

    background: url(nav-bg.png) repeat-x 0px 4px;
    height: 69px;
    
}

#cssmenu ul li{

    float: left;
    list-style: none;
    
}

#cssmenu ul li a{
    
    display: block;
    height: 37px;
    padding: 22px 30px 0;
    margin: 4px 2px 0;
    border-radius: 2px 2px 0 0;
    text-decoration: none;
    font-size: 15px;
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
    font-weight: 400;
    opacity: .9;
    
}

#cssmenu ul li:first-child a{
    
    margin: 4px 2px 0 0;
    
}

#cssmenu ul li a:hover, #cssmenu ul li.active a{
    
    background: url(color.png) center bottom;
    display: block;
    height: 37px;
    margin-top: 0px;
    padding-top: 26px;
    color: #616161;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .35);
    opacity: 1;
    
}

Sonra ;
Admin Kp + Temalar Ve Şablonlar + Şablonlar + Header Şablonları + headerin en üstüne şu kodu ekleyin .

Kod: Tümünü Seç Tümünü Kopyala

<div id='cssmenu'>
<ul>
   <li class='active '><a href='index.php'><span>Anasayfa</span></a></li>
   <li><a href='index.php'><span>Forum</span></a></li>
   <li><a href='portal.php'><span>Portal</span></a></li>
   <li><a href='memberlist.php'><span>Üye Listesi</span></a></li>
   <li><a href='search.php'><span>Arama</span></a></li>
   <li><a href='misc.php?action=help'><span>Yardım</span></a></li>
</ul>
</div>

bukadar yani artık yoruldum + rep esirgemeyin ben yapmadım cssmenümakerden editledim yani türkçe yaptım ve eklemeler yaptım biraz

[rayray93]

WWW.PixelTR.10tl.net deki menü işte :D

[Hüsamettin]

what ??:D

---

ben birsürü menü kodluyorum şuanda 2 tanedaha geliyor ama cssmenü den değil