Orjinal Menüye Değişik Şekiller Vermek

[momenthe]

Vereceğim kod forumun orjinal menüsünün görünüşünü biraz değiştirmeye yarar. Ancak forumun uzunluk ve kısalığına göre taşabilir, gerekleri ayarlamaları css kodlarıyla oynayarak yapabilirsiniz..

Önizleme

Üstüne gelmeden önceki hali..


Üstüne gelince olan hali..


Nereye, ne ekleyeceğim ?

> Afiş Asmak > Anasayfa > Başlık ve Tarıyıcı

Link çubuğunda sadece resimleri göster : Hayır

> Afiş Asmak > Renkler ve Resimler > Resim Yönetimi

Basit Mod'a girin.. Bütün menü ikonlarına teker teker basın ve "Sakla" kutucugunu isaretleyip gönderin..

> Afiş Asmak > Anasayfa > Başlık ve Tarıyıcı

Tüm menü isimlerinin yanındaki ikonuna teker teker basıp resim url'lerini silin..

> Afiş Asmak > Renkler ve Resimler > Renkler > CSS Stylesheet

Alttaki kodu ekleyin,

Kod:

.mainmenu {
background-image: url('http://s8.directupload.net/images/091211/tmme33dq.png');
background-repeat: repeat-x;
padding-right: 16px;
padding-left: 17px;
margin-left: -13px;
color: #ffffff;
font-size: 13px;
font-weight : bold;
}
a.mainmenu{
text-decoration: none;
color : #ffffff;
}
a.mainmenu:hover{
background-image: url('http://s3.directupload.net/images/091211/gioc9ss6.png');
background-repeat: repeat-x;
padding-right: 15px;
padding-left: 17px;
margin-left: -13px;
color: #ffffff;
font-size: 13px;
font-weight : bold;
text-decoration: none;
}

Ve onaylayın.

Değiştirmem gereken yerler var mı ?

- Eğer css bilginiz varsa, kodda oynamalar yaparak sitenizin görünüşüne uygun hale getirebilirsiniz.

[MseyKa]

Görünüm:



Butonun üzerine gelindiğinde [Arama]




Yönetim Paneli
Afiş Asmak
Başlık&Tarayıcı
Link Çubuğunda Sadece Resimleri Göster: EVET

Yönetim Paneli
Afiş Asmak
Renkler Ve Resimler
Resim Yönetimi
Oradaki navigasyon resimlerini silin.

Daha sonra;

Yönetim Paneli
Afiş Asmak
Renkler Ve Resimler
Renkler
CSS Stylesheet

Bu kodu en sona yerleştirin;

Kod:

div.maintitle{color: #000;}
#i_icon_mini_index{width:85px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 -32px;}
#i_icon_mini_portal{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 -32px;}
#i_icon_mini_faq{width:86px; height:32px; background:url(http://i39.tinypic.com/2lcuwxk.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i39.tinypic.com/2lcuwxk.png) no-repeat 0 -32px;}
#i_icon_mini_search{width:86px; height:32px; background:url(http://i41.tinypic.com/b8vigp.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i41.tinypic.com/b8vigp.png) no-repeat 0 -32px;}
#i_icon_mini_members{width:86px; height:32px; background:url(http://i42.tinypic.com/2uxve2q.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i42.tinypic.com/2uxve2q.png) no-repeat 0 -32px;}
#i_icon_mini_groups{width:86px; height:32px; background:url(http://i41.tinypic.com/2j2vm6o.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i41.tinypic.com/2j2vm6o.png) no-repeat 0 -32px;}
#i_icon_mini_profile{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 -32px;}
#i_icon_mini_message{width:86px; height:32px; background:url(http://i43.tinypic.com/2wodc2q.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i43.tinypic.com/2wodc2q.png) no-repeat 0 -32px;}
#i_icon_mini_new_message{width:86px; height:30px; background:url(http://i43.tinypic.com/2itstjo.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{ background:url(http://i43.tinypic.com/2itstjo.png) no-repeat 0 -32px;}
#i_icon_mini_logout{width:41px; height:32px; background:url(http://i42.tinypic.com/wu1fe8.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i42.tinypic.com/wu1fe8.png) no-repeat 0 -32px;}
#i_icon_mini_register{width:86px; height:32px; background:url(http://i40.tinypic.com/awrpjs.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i40.tinypic.com/awrpjs.png) no-repeat 0 -32px;}
#i_icon_mini_login{width:41px; height:32px; background:url(http://i44.tinypic.com/10nb8xy.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i44.tinypic.com/10nb8xy.png) no-repeat 0 -32px;}