phpBB Türkiye

[ozdes kullanıcı]

Arkadaşlar prosilveri kendime göre düzenliyorum css horizontal menü buldum fakat bir türlü entegre edemedim. Resimler gözükmüyor linkler yanyana değil alt alta. Sizden ricam prosilver'e uyarlayıp yöntemini biri anlatabilirmi.

Menü'nün linki: http://www.cssmenumaker.com/builder/men ... p?menu=032
-----------------------
Son olarak http://battlefieldheroeshq.com adresinde forum temasi olan prosilver bir güzel editlenmiş, arka plan resmi forumun komple değilde kategorilerin ve menünün arkaplaninda gözüküyor. Forumda araştırdım fakat bu yöntemi bulamadim, bilen biri aydınlatırsa sevineceğim.

[CitLemBiK]

Menü linki adresine ulasilamiyor , yineleyin...

[ozdes kullanıcı]

Buyrun: http://www.cssmenumaker.com/builder/men ... p?menu=032

[CitLemBiK]

Overall_header'de </head> komutunun sonrasina istedigin bir yerlere menünün kodunu koy...

Kod: Tümünü seç

<ul id="menu">
   <li><a href="#" target="_self">sample</a></li>
   <li><a href="#" target="_self">sample</a></li>
   <li><a href="#" target="_self">sample</a></li>
   <li><a href="#" target="_self">sample</a></li>
   <li><a href="#" target="_self">sample</a></li>
</ul>

Asagidaki koduda css'e ekle...

#

Kod: Tümünü seç

menu {
   background: #333;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   width: 100%;
}
#menu li {
   float: left;
   font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}
#menu a {
   background: #333 url("images/seperator.gif") bottom right no-repeat;
   color: #ccc;
   display: block;
   float: left;
   margin: 0;
   padding: 8px 12px;
   text-decoration: none;
   font-weight:normal;
}
#menu a:hover {
   background: #2580a2 url("images/hover.gif") bottom center no-repeat;
   color: #fff;
   padding-bottom: 8px;                   
                   

Hala olmuyorsa sorun sende demektir...

[r00t]

Overall_header'de </head> komutunun sonrasina istedigin bir yerlere menünün kodunu koy...
Asagidaki koduda css'e ekle...

#

Kod: Tümünü seç

menu {
   background: #333;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   width: 100%;
}
#menu li {
   float: left;
   font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}
#menu a {
   background: #333 url("images/seperator.gif") bottom right no-repeat;
   color: #ccc;
   display: block;
   float: left;
   margin: 0;
   padding: 8px 12px;
   text-decoration: none;
   font-weight:normal;
}
#menu a:hover {
   background: #2580a2 url("images/hover.gif") bottom center no-repeat;
   color: #fff;
   padding-bottom: 8px;                   
                   

Hala olmuyorsa sorun sende demektir...

css de hangi dosyanın neresine koyacağız anlatabilir misiniz ?

[CitLemBiK]

common.css yada stylesheet.css'in en yukarisina ekleyip dene...