Anasayfa'ya Yatay Üst Menü - (istek)

[La Mekan]

Arkadaşlar Sitemde İndex Şablonuna Yatay Menü Eklemek İstiyorum Forumda Arama Yaptım Bu Konuda Birşey Bulamadım Yatay Menü İçin Yardımlarınızı Bekliyorum (Elinde Kod Olanlar Paylaşabililermi )

Örnek


Edit: xpserkan

[SquaL]

Resmi Büyük Paylasirmisin ?

[xpserkan]

Resim küçük kalmış, büyük olanını eklerseniz, nasıl birşey olduğunu görebilir ve benzerini paylaşabiliriz.

[La Mekan]

Buyur Serkan Abi, ChecK' in Yeni Temasında Kullandığı Gibi Ana Sayfaya Yatay Menü

[SquaL]

Black Temasindan Alinti Yaparak Paylasayim.

Temada Yeni Bir CSS Olustur Adını : ust_menu.css Yaparsin.
Resim URL'lerini Kendine Göre Düzenlersin.
Ekstra CSS Nitelikleri Bölümüne ;

Kod:

background-color: transparent;
background-image: url(images/star/ust_menu/btn_right.png);
background-repeat: no-repeat;
background-position: top right;
display: block;
display: inline-block;
font: normal 13px tahoma, arial, sans-serif;
height: 32px;
margin-right: 0px;
padding-right: 10px;

Kodlarını Ekle.

Daha Sonra Gelişmiş Mod Yap ;
Resim URL'lerini Kendine Göre Düzenlersin.

Kod:

a.buttong {
    background-color:transparent;
    background-image: url(images/star/ust_menu/btn_right.png);
    background-repeat:no-repeat ;
    background-position:top right;
    color: #fff;
        display:block; /*opera*/
        display:inline-block; /*ie*/
/*ff*/    /*font: bold 12px arial, sans-serif;*/
    font: normal 13px tahoma, arial, sans-serif;
    height: 32px;
    margin-right: 0px;
    padding-right: 10px;
    text-decoration: none;
}

a.buttong span {
    background-color:transparent;
    background-image: url(images/star/ust_menu/btn.png);
    background-repeat:no-repeat ;
    display: inline-block;
    line-height: 21px;
    padding: 3px 0 8px 10px;
}

a.buttong span img{
    margin-left:-5px;
    margin-top:-2px;
    padding-right:5px;
}

/*HOVER*/
a.buttong:hover {
    background-image: url(images/star/ust_menu/btn_hover_right.png);
    color: #fff;
    outline: none;
}

a.buttong:hover span {
    background-image:url(images/star/ust_menu/btn_hover.png);
}

Bu Kodları Ekle

Simdi Sablonlara Gecelim.
Header Sablonunda welcomeblock Altına Su Kodları Ekle ;

Kod:

<div align="center">
<a class="buttong" href="index.php" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="images/star/ust_menu/news.png" align="top" alt="" border="0"/>Forumlar</span></a>
<a class="buttong" href="portal.php" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="images/star/ust_menu/kdf.png" align="top" alt="" border="0"/>Portal 'a Git</span></a>
<a class="buttong" href="Link Ekleyin" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="images/star/ust_menu/artwork.png" align="top" alt="" border="0"/>Program Download</span></a>
<a class="buttong" href="Link Ekleyin" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="images/star/ust_menu/paint.png" align="top" alt="" border="0"/>Cafe (Üyelere Özel*)</span></a>
<a class="buttong" href="Link Ekleyin" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="images/star/ust_menu/help.png" align="top" alt="" border="0"/>Forum Oyunları</span></a>
<a class="buttong" href="Link Ekleyin" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="images/star/ust_menu/dershane.png" align="top" alt="" border="0"/>Komedya</span></a>
<a class="buttong" href="tagcloud.php" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="images/star/ust_menu/target.png" align="top" alt="" border="0"/>Etiket Bulutu</span></a>
</div>

Resim URL'lerini Kendine Göre Düzenlersin.
İstediğin Bölümleri Kendine Göre Düzenlersin.

İmages Vereyim;

Kod:

http://www.multiupload.com/XWQ0Z1MNS0

Selametle...

[La Mekan]

Temada Yeni Bir CSS Olusturup Adını ust_menu.css Yaptım Ama Aşağıda ki Seçeneklerden Hangisini Seçeceğim ?

*Genel
*Özel dosyalar (Başka Ekle)

*Bu temadaki başka bir stil sayfasından yükle
*Kendi içeriğimi yaz

[SquaL]

Hocam Genel Secin. Daha Sonra Kendi İçeriğimi Yazin Diyin.
Kendi İçeriğimi Yazin Dediğinizde Yazılacak Alana ;

Kod:

a.buttong {
    background-color:transparent;
    background-image: url(images/star/ust_menu/btn_right.png);
    background-repeat:no-repeat ;
    background-position:top right;
    color: #fff;
        display:block; /*opera*/
        display:inline-block; /*ie*/
/*ff*/    /*font: bold 12px arial, sans-serif;*/
    font: normal 13px tahoma, arial, sans-serif;
    height: 32px;
    margin-right: 0px;
    padding-right: 10px;
    text-decoration: none;
}

a.buttong span {
    background-color:transparent;
    background-image: url(images/star/ust_menu/btn.png);
    background-repeat:no-repeat ;
    display: inline-block;
    line-height: 21px;
    padding: 3px 0 8px 10px;
}

a.buttong span img{
    margin-left:-5px;
    margin-top:-2px;
    padding-right:5px;
}

/*HOVER*/
a.buttong:hover {
    background-image: url(images/star/ust_menu/btn_hover_right.png);
    color: #fff;
    outline: none;
}

a.buttong:hover span {
    background-image:url(images/star/ust_menu/btn_hover.png);
}

Bunu Ekleyince Yeni CSS Acılmıs Olur .