MyBB Destek Forumu

Orjinalini görmek için tıklayınız: Harika Yatay Menü (Css + Mauseover)
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Harika Yatay Menü Css+Mauseover'lu

Global.css'ye eklenecek kodlar ;
Kod:
/* Kırmızı Menu */
            #menu_wrapper.red ul {
                border-top: 2px solid #660000;
                border-bottom: 2px solid #450000;
                background: #660000;}
            #menu_wrapper.red a {color: #fff;}
            #menu_wrapper.red li a:hover, #menu_wrapper.red li.active a {color: #F27F84; background: #990000; border-bottom: 2px solid #660000;}
            #menu_wrapper.red {background: url(images/red.png) no-repeat right;}
            #menu_wrapper.red div {background: url(images/red.png) no-repeat left;}


Header'e Eklenecek Kodlar ;
Kod:
<div id="menu_wrapper" class="red">
        <div class="left"></div>
            <ul id="menu">
                <li><a href="#">Anasayfa</a></li>
                <li class="active"><a href="#">Katagori1</a></li>
                <li><a href="#">Katagori2</a></li>
                <li><a href="#">Katagori3</a></li>
                <li><a href="#">Katagori4</a></li>
            </ul>
        </div>

indir-download
Resmi İmages klasörünün içine atın ! (Menunun farklı renkte olmasını istiyorsanız bu resmin rengini değişmelisiniz ama resmin görünümü bu şekilde olmalı Gülümseme
07216808655091751721.png

Görüntü ;
32010036945783094131.png

Ünlem "#" Yerine Linkinizi Yazmayı Unutmayınız !

Kolay gelsin..
Yapamayan arkadaşlar konu altından yardım isteyebilir gerçi çok basit ama..

Resim Linki Kırık? Neydi Acaba ?
Resimler Yenilendi !