MyBB Depo Forum
[MD - 1.6] Turuncu .CSS menü Kodu - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu)
+--- Forum: Web Tabanlı Kodlama Dilleri (https://mybbdepo.com/web-tabanli-kodlama-dilleri-forumu)
+---- Forum: Css (https://mybbdepo.com/css-forumu)
+---- Konu Başlığı: [MD - 1.6] Turuncu .CSS menü Kodu (/turuncu-css-menu-kodu-konusu.html)



Turuncu .CSS menü Kodu - xdersf - 18-07-2013

AdminKP - SABLON&STİL - Temalar - Temanızı secin - .css olusturun.

- Dosya adı : cssmenu.css
- İlişkilendirilen : Genel
- ve kendi iceriğimi yaz'a tıklayın.
alttaki kodu ekleyin.

Kod:
PHP Kod:
/* Menu CSS */
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
    
    
padding0;
    
margin0;
    
line-height1;
    
font-family'Capriola'sans-serif;
}

#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
    
content'';
    
displaytable;
}

#cssmenu:after, #cssmenu > ul:after {
    
clearboth;
}

#cssmenu {
    
backgroundurl(http://www.resimagaci.com/img/jdnr817.png) repeat-x center bottom;
    
zoom1;
    
height69px;
    
border-radius2px;
}

#cssmenu ul {
    
backgroundurl(http://i1303.photobucket.com/albums/ag155/SavasA2/Clin%20Mars%20Theme/nav-bg.png) repeat-x 0px 4px;
    
height69px;
}

#cssmenu ul li {
    
floatleft;
    list-
stylenone;
}

#cssmenu ul li a {
    
    
displayblock;
    
height37px;
    
padding22px 30px 0;
    
margin4px 2px 0;
    
border-radius2px 2px 0 0;
    
text-decorationnone;
    
font-size15px;
    
colorwhite;
    
text-shadow0 1px 1px rgba(000.75);
    
font-weight400;
    
opacity.9;
}

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

#cssmenu ul li a:hover, #cssmenu ul li.active a {
    
    
backgroundurl(http://www.resimagaci.com/img/6vfn04v.png) center bottom;
    
displayblock;
    
height37px;
    
margin-top0px;
    
padding-top26px;
    
color#004f7c;
    
text-shadow0 1px 1px rgba(255255255.55);
    
opacity1;
}

Sablon&Stil Sablonlar Temanız Header ve tekrar header'a girin.

Kod:
<li><a href="{$mybb->settings['
bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['
bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['
bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['
bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>

üstteki kodu bulun,silin ve onun yerine alttakini ekleyin.

Kod:
<div id='
cssmenu'>
<ul>
   <li class='
active '><a href='/index.php'><span>Ana Sayfa</span></a></li>
   <li><a href='
/search.php'><span>Arama</span></a></li>
   <li><a href='
/memberlist.php'><span>Üye Listesi</span></a></li>
   <li><a href='
/misc.php?action=help'><span>Yardım</span></a></li>
   <li><a href='
/calendar.php'><span>Takvim</span></a></li>
</ul>
</div> 

İşlem tamamdır. Tamamen konu ve edit bana aittir.



Caps
resim