MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
xdersf avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Süper Panel Kendi Yapımım!


Sponsor Reklam
media venus

Çevrimdışı xdersf
 Tarih: 10-06-2013, Saat:13:55
#1
Bunu Header Şablonuna ekleyiniz.

PHP Kod:
<div id='cssmenu'>
<
ul>
   <
li class='active'><a href='http://forum.trhileee.tk/index.php'><span>Ana Sayfa</span></a></li>
   <
li><a href='portal.php'><span>Portal</span></a></li>
   <
li class='has-sub'><a href='#'><span>Kullanıcı Paneli</span></a>
      <
ul>
         <
li><a href='usercp.php?action=editsig'><span>İmzanı Değiştir</span></a></li>
         <
li><a href='usercp.php?action=email'><span>Mail Değiştir</span></a></li>
         <
li><a href='stats.php'><span>İstatistik</span></a></li>
         <
li><a href='usercp.php?action=avatar'><span>Avatarını Değiştir</span></a></li>
         <
li class='last'><a href='#'><span>Item</span></a></li>
      </
ul>
   </
li>
   <
li><a href='showteam.php'><span>Biz Kimleriz ?</span></a></li>
   <
li><a href='stats.php'><span>İstatistik</span></a></li>
   <
li class='active last'><a href='xxxxx'><span>İletişim</span></a></li>
</
ul>
</
div


Bunu Globla css nin en altıan ekkleyiniz.


PHP Kod:
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  
margin0;
  
padding0;
  
positionrelative;
}
#cssmenu {
  
height49px;
  
border-radius5px 5px 0 0;
  -
moz-border-radius5px 5px 0 0;
  -
webkit-border-radius5px 5px 0 0;
  
background#141414;
  
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  
background: -moz-linear-gradient(top#32323a 0%, #141414 100%);
  
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%, #32323a), color-stop(100%, #141414));
  
background: -webkit-linear-gradient(top#32323a 0%, #141414 100%);
  
background: -o-linear-gradient(top#32323a 0%, #141414 100%);
  
background: -ms-linear-gradient(top#32323a 0%, #141414 100%);
  
backgroundlinear-gradient(to bottom#32323a 0%, #141414 100%);
  
border-bottom2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
  
content'';
  
displayblock;
  
clearboth;
}
#cssmenu a {
  
background#141414;
  
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  
background: -moz-linear-gradient(top#32323a 0%, #141414 100%);
  
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%, #32323a), color-stop(100%, #141414));
  
background: -webkit-linear-gradient(top#32323a 0%, #141414 100%);
  
background: -o-linear-gradient(top#32323a 0%, #141414 100%);
  
background: -ms-linear-gradient(top#32323a 0%, #141414 100%);
  
backgroundlinear-gradient(to bottom#32323a 0%, #141414 100%);
  
color#ffffff;
  
displayinline-block;
  
font-familyHelveticaArialVerdanasans-serif;
  
font-size12px;
  
line-height49px;
  
padding0 20px;
  
text-decorationnone;
}
#cssmenu ul {
  
list-stylenone;
}
#cssmenu > ul {
  
floatleft;
}
#cssmenu > ul > li {
  
floatleft;
}
#cssmenu > ul > li:hover:after {
  
content'';
  
displayblock;
  
width0;
  
height0;
  
positionabsolute;
  
left50%;
  
bottom0;
  
border-left10px solid transparent;
  
border-right10px solid transparent;
  
border-bottom10px solid #0fa1e0;
  
margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  
border-radius5px 0 0 0;
  -
moz-border-radius5px 0 0 0;
  -
webkit-border-radius5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  
border-radius0 5px 0 0;
  -
moz-border-radius0 5px 0 0;
  -
webkit-border-radius0 5px 0 0;
}
#cssmenu > ul > li.active > a {
  
box-shadowinset 0 0 3px #000000;
  
-moz-box-shadowinset 0 0 3px #000000;
  
-webkit-box-shadowinset 0 0 3px #000000;
  
background#070707;
  
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  
background: -moz-linear-gradient(top#26262c 0%, #070707 100%);
  
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%, #26262c), color-stop(100%, #070707));
  
background: -webkit-linear-gradient(top#26262c 0%, #070707 100%);
  
background: -o-linear-gradient(top#26262c 0%, #070707 100%);
  
background: -ms-linear-gradient(top#26262c 0%, #070707 100%);
  
backgroundlinear-gradient(to bottom#26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
  
background#070707;
  
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  
background: -moz-linear-gradient(top#26262c 0%, #070707 100%);
  
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%, #26262c), color-stop(100%, #070707));
  
background: -webkit-linear-gradient(top#26262c 0%, #070707 100%);
  
background: -o-linear-gradient(top#26262c 0%, #070707 100%);
  
background: -ms-linear-gradient(top#26262c 0%, #070707 100%);
  
backgroundlinear-gradient(to bottom#26262c 0%, #070707 100%);
  
box-shadowinset 0 0 3px #000000;
  
-moz-box-shadowinset 0 0 3px #000000;
  
-webkit-box-shadowinset 0 0 3px #000000;
}
#cssmenu .has-sub {
  
z-index1;
}
#cssmenu .has-sub:hover > ul {
  
displayblock;
}
#cssmenu .has-sub ul {
  
displaynone;
  
positionabsolute;
  
width200px;
  
top100%;
  
left0;
}
#cssmenu .has-sub ul li {
  
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  
background#0fa1e0;
  
border-bottom1px dotted #6fc7ec;
  
filternone;
  
font-size11px;
  
displayblock;
  
line-height120%;
  
padding10px;
}
#cssmenu .has-sub ul li:hover a {
  
background#0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
  
displayblock;
}
#cssmenu .has-sub .has-sub ul {
  
displaynone;
  
positionabsolute;
  
left100%;
  
top0;
}
#cssmenu .has-sub .has-sub ul li a {
  
background#0c7fb0;
  
border-bottom1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  
background#095c80;

Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı EmreKarakaya
 Tarih: 10-06-2013, Saat:14:02
#2
Ekran Görüntüsü paylaşırmısınız?
Cevapla
Bunu Beğenenler:

Çevrimdışı black_king
 Tarih: 08-07-2013, Saat:16:01
#3
Kod:
http://onepiecerpg.10tl.net/index.php

ben bu demo siteme yaptım, sitenin içine etti. Yapmayın. ben beğenmedim.
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [MCTR - 1.6] On-Off İconları Yerine Her Foruma Kendi İconlarını Eklemek - [1.6] 007combatant 32 17,629 16-07-2016, Saat:19:54
Son Yorum: gokhan50
  [1.6] Bant Şeklinde Süper Duyuru [Kod + Anlatım] BlackCat 14 13,306 10-07-2015, Saat:21:58
Son Yorum: freedoom
  E Chat Süper Chat Kutusu Batuhan5 3 1,753 10-07-2015, Saat:04:37
Son Yorum: freedoom
  DVZ Sohbet Panel Eklentisi DOGANORAL 10 2,515 09-07-2014, Saat:14:24
Son Yorum: Machine
  [MCTR - 1.6] Gelişmiş Ajaxlı Genel Bakış Eklentisi - (Süper) 007combatant 19 10,145 15-02-2014, Saat:04:44
Son Yorum: okanbakan



Konuyu Okuyanlar: 1 Ziyaretçi