-
Üyelik
15.02.2012
-
Yaş/Cinsiyet
- / E
-
Meslek
Öğretmen
-
Konum
-
Ad Soyad
** **
-
Mesajlar
102
-
Beğeniler
6 / 11
-
Ticaret
2, (%100)
Arkadaşlar nette bulduğum ücretsiz bir wordpress teması üzerinde çalışıyorum. Menuleri (Kategori) dropdown yaptım ama alt kategoriler çok kısa kaldığı için yanyana görünüyor ben alt alta görünmesini istiyorum. Alanı daraltıncada uzun kategoriler sapıtıyor. Bir göz atarmısınız?
Sitem Bu:
İnternet sekmesine tıkladığınızda ne söylemek istediğimi anlayacaksınız. Yarım css bilgisiyle bir yere kadar oluyor. :(
Şimdiden teşekkürler.
İlgili alanın CSS kodları
.ust-menu{ width:100%; background:#2c6f95; float: left; height: 27px; padding-bottom: 20px; margin-bottom:10px; }
.ust-menu .menu li {float:left; padding-top:7px;}
.ust-menu .menu li a{ color:#fff; text-shadow:1px 1px 1px #000;}
.anahome{ background:url(../images/bg2.png) repeat-x rgba(0, 96, 150, 0.59); text-align:center; padding-top:10px; float:left;height:37px; width:50px;border-right:0px; border-left:0px; }
.ust-menu li a { font-size: 13px; padding: 8px; line-height: 34px;}
.ust-menu li a:hover, .ust-menu li a:active, .ust-menu li.first a {background-color:#4894c0; padding:10px; font-weight: bold; border-radius:0px 15px 0px 15px; -moz-border-radius:0px 15px 0px 15px; -webkit-border-radius:0px 15px 0px 15px; color: #fff; line-height: 34px;}
.ust-menu li a:hover
{
text-decoration: none;
}
.ust-menu li.current-cat a, .ust-menu li.current-cat-parent a
{
line-height: 34px;
}
.ust-menu li ul
{
background: #2c6f95;
padding-left: 8px;
position: absolute;
left: -999em;
width: 200px;
border: 5px solid #ECEDE8;
border-top: none;
border-left: none;
border-radius: 0px 15px 0px 15px;
z-index: 999;
}
.ust-menu li ul li a.sf-with-ul
{
padding: 0 15px;
}
.ust-menu li ul li a:hover
{
color: #fff;
text-decoration: none;
line-height: 34px;
border-bottom: none;
}
.ust-menu li ul ul
{
margin: -36px 0px 0px 178px;
}
.ust-menu li ul ul li a
{
}
.ust-menu li ul li ul li a
{
}
.ust-menu li:hover, .ust-menu li.hover
{
position: static;
}
.ust-menu li:hover ul ul, .ust-menu li.sfhover ul ul, .ust-menu li:hover ul ul ul, .ust-menu li.sfhover ul ul ul, .ust-menu li:hover ul ul ul ul, .ust-menu li.sfhover ul ul ul ul
{
left: -999; /* menu hatası burdaymıs */
}
.ust-menu li:hover ul, .ust-menu li.sfhover ul, .ust-menu li li:hover ul, .ust-menu li li.sfhover ul, .ust-menu li li li:hover ul, .ust-menu li li li.sfhover ul, .ust-menu li li li li:hover ul, .ust-menu li li li li.sfhover ul
{
left: auto;
}
/* category navigation indicator */
.nav .sf-sub-indicator
{
}
.nav li ul .sf-sub-indicator
{
}
Aradığın blogsa işte sana Blogsa...
OzgurG
Üyeliği Durdurulmuş
Banlı Kullanıcı
-
Üyelik
14.08.2013
-
Yaş/Cinsiyet
25 / E
-
Meslek
Meslek
-
Konum
Adana
-
Ad Soyad
Ö** G**
-
Mesajlar
172
-
Beğeniler
10 / 36
-
Ticaret
3, (%100)
.ust-menu .menu li ye width:100% veya display:block vermeyi dener misin?
Onur89TR
Üyeliği Durdurulmuş
Banlı Kullanıcı
-
Üyelik
04.12.2011
-
Yaş/Cinsiyet
34 / E
-
Meslek
.
-
Konum
İzmir
-
Ad Soyad
** **
-
Mesajlar
2376
-
Beğeniler
704 / 791
-
Ticaret
1, (%100)
ul.menu > li ul.children > li { float: none; display: block; }
Bunu eklersen sanırım olacaktır. Denedim.
1 kişi bu mesajı beğendi.
-
Üyelik
15.02.2012
-
Yaş/Cinsiyet
- / E
-
Meslek
Öğretmen
-
Konum
-
Ad Soyad
** **
-
Mesajlar
102
-
Beğeniler
6 / 11
-
Ticaret
2, (%100)
Kardeşim işe yaramadı mallesef
Ek Olarak:
Kardeşim bunu nasıl ekliycem böylemi
.ust-menu ul.menu, li ul.children, li { float: none; display: block; }
Satır olarak eklermisin?
Ek Olarak: Onur kardeşime teşekkürler sorunum çözüldü.
Aradığın blogsa işte sana Blogsa...
-
Üyelik
15.02.2012
-
Yaş/Cinsiyet
- / E
-
Meslek
Öğretmen
-
Konum
-
Ad Soyad
** **
-
Mesajlar
102
-
Beğeniler
6 / 11
-
Ticaret
2, (%100)
ogzhntr adlı üyeden alıntı
hazır konu acılmış iken bende sorayım.
Site
buüst menuyu biraz daha sağ'a yaslamak istiyorum kodlarla oynadım ama yapamadım.
.nav { css kodunda yandaki satıra aşağıdaki kodu eklemen yeterli olur.
padding-left: 15px;
Ek Olarak:
Ek Olarak: Kardeş yardımların için teşekkür ederim. verdiğin kodlar çok işime yaradı. Son bir sorum olacak. Genel menusune tıkladığımda onun alt menusuyle beraber alt menunun de altında ki menuler açılıyor. Mause sadece üzerine geldiğinde açılmasını sağlamak için ne yapabilirim. Genel Linkinin altında BB genel ile onun altındakiler aynı anda açılıyor.
Aradığın blogsa işte sana Blogsa...
-
Üyelik
03.03.2013
-
Yaş/Cinsiyet
30 / E
-
Meslek
Elektrik - Elektronik Tekniker
-
Konum
Diğer
-
Ad Soyad
O** E**
-
Mesajlar
1858
-
Beğeniler
89 / 532
-
Ticaret
2, (%100)
[QUOTE=tornado48;662835].nav { css kodunda yandaki satıra aşağıdaki kodu eklemen yeterli olur.
padding-left: 15px;
işe aramadı sadece ortaladı
