css - hover ile ilgili bir soru

[oztepclub]

Arkadaslar css ile ilgili bir sorunum var, yukari menü kismindaki linklere hover ekledim, mesela siyah butonun üzerine fare ile gelince mavi oluyor. Ben tikladiginda mavi kalmasini istiyorum, yani mesela anasayfaya tikladi anasayfa buton mavi, hesabima tikladi buton mavi. Bu sekilde bir türlü yapamadim. Nettede aradim bir cözüm bulamadim, bilen varmi acaba ?

 

[SCAMP]

default temada header tab a atanmış selected özelliği stylesheet.css dosyasında

#header .div4 a.selected {
background: url('../image/tab_2.png') no-repeat;
color: #FFF;
padding-bottom: 10px;
z-index: 3;
}

bu css kodu belirliyor sende buna benzer bişey yapabilirsin siteni yazarsan nereye hangi kodların ekleneceğini söyleyebilirim

 

[osdem66]

Aşağıdaki kodu temanızın menusune göre düzenleyin.. burada dikkat edilemsi gereken clas a.selected clasıdır... yani seçili olan öğenin arka plan rengi beyaz arkaplan resmi de tab2.png olarak ayarlanmış

#header .div4 a.selected {
	background:#fff url('../image/tab_2.png') no-repeat;
	 
}

 

[oztepclub]

Aşağıdaki kodu temanızın menusune göre düzenleyin.. burada dikkat edilemsi gereken clas a.selected clasıdır... yani seçili olan öğenin arka plan rengi beyaz arkaplan resmi de tab2.png olarak ayarlanmış

#header .div4 a.selected {
	background:#fff url('../image/tab_2.png') no-repeat;
	 
}

selected olmuyor hocam nedense, konuyu acmadan önce denedim ama olmadi, opencartta baska bir numarasimi var acaba diye birde buraya sorayim dedim.



Hocam selected olmuyor, nedeni ne olabilir acaba ?

 

[osdem66]

Olmuyor u yok olur mutlka hatalı ekliyorsunuzdur..

 

[oztepclub]

Olmuyor u yok olur mutlka hatalı ekliyorsunuzdur..

Buyur hocam kodlar bu sekilde ;

.menu a:hover {
text-decoration: none;
color: #FFFFFF;
background: url("catalog/view/theme/default2/image/menu_arka2.png") no-repeat scroll right center #00A0DC;
}
.menu a:selected {
text-decoration: none;
color: #FFFFFF;
background: url("catalog/view/theme/default2/image/menu_arka2.png") no-repeat scroll right center #00A0DC;
}

 

[osdem66]

Dikkat edin a dan sonra iki nokta üsttüste degil sadece tek nokta olacak..
a:seleceted degil a.selected

 

[oztepclub]

Dikkat edin a dan sonra iki nokta üsttüste degil sadece tek nokta olacak..
a:seleceted degil a.selected

Yok hocam öylede olmuyor. Sorun nerde anlamadim gitti .

 

[osdem66]

Mutlaka eksik bişiler yapıyorsunuzdur.. yoksa olmaması mümkn degil.. ftp vs verirsen bakabilrim..

 

[oztepclub]

Mutlaka eksik bişiler yapıyorsunuzdur.. yoksa olmaması mümkn degil.. ftp vs verirsen bakabilrim..

Hocam iste kodlar orda, eksik birseyler varmi ? hover calisiyor selected calismiyor.

 

[osdem66]

Görmeden bir şey diyemem.. calışmıyorsa eksiklik vardır..

 

[mdogan35]

.menu a:hover {
text-decoration: none;
color: #FFFFFF;
background: url("catalog/view/theme/default2/image/menu_arka2.png") no-repeat scroll right center #00A0DC;
}
.menu a:visited {
text-decoration: none;
color: #FFFFFF;
background: url("catalog/view/theme/default2/image/menu_arka2.png") no-repeat scroll right center #00A0DC;
}

Birde bu şekilde denermisin arkadaşım eğer hala sorunun devam ediyorsa. Birde açıklayıcı olması açısından CSS Link özelliklerinden bazıları şöyle:

CSS LİNK ÖZELLİKLERİ

a : Linkin, sayfa açıldığında tıklanmadan veya imleç üzerine getirilmeden önceki durumudur.
a:hover : Linkin imleç üzerine getirildiğindeki durumudur.
a:active : Linkin tıklandığı andaki durumudur.
a:visited : Linkin tıklandıktan sonraki durumudur.

Herkese iyi çalışmalar.

 

[osdem66]

.menu a:hover {
text-decoration: none;
color: #FFFFFF;
background: url("catalog/view/theme/default2/image/menu_arka2.png") no-repeat scroll right center #00A0DC;
}
.menu a:visited {
text-decoration: none;
color: #FFFFFF;
background: url("catalog/view/theme/default2/image/menu_arka2.png") no-repeat scroll right center #00A0DC;
}

Birde bu şekilde denermisin arkadaşım eğer hala sorunun devam ediyorsa. Birde açıklayıcı olması açısından CSS Link özelliklerinden bazıları şöyle:

CSS LİNK ÖZELLİKLERİ

a : Linkin, sayfa açıldığında tıklanmadan veya imleç üzerine getirilmeden önceki durumudur.
a:hover : Linkin imleç üzerine getirildiğindeki durumudur.
a:active : Linkin tıklandığı andaki durumudur.
a:visited : Linkin tıklandıktan sonraki durumudur.

Herkese iyi çalışmalar.

a:visited: linkin tıklandıgını yani daha önceden ziyaret edildigini gösterir o sayfadan ayrılsanızda hala o classa verdiginiz background ve renk te kalır halbuki arkadaş o an açık olan sayfanın menudeki öğesinin rengini yada backgroundunun belirlenmesi konusunu istiyor bunu da hover ile aynısı olmasını istiyor... onun css sınıfı da selected komutudur yani selceted:Seçilmiş olan...selametle...

 

[oztepclub]

Buyrun hocam menü ile ilgili bütün css kodlari burda ;

.menu {
	width:900px;
	float: left;
	padding: 1px 1px 15px 15px;
}
.menu a  {
      background: url("catalog/view/theme/default2/image/ara.png") repeat-y scroll right center transparent;
	color: #FFFFFF;
	font-size: 16px;
        font-weight:
        cursor: pointer;
	padding: 5px 14px 10px 10px;
      float:left;
	height:22px;
      line-height:26px;
      background: url ("catalog/view/theme/default2/image/ara.png") repeat-y scroll right center transparent;
}

.menu a:active  {
	color: #fad05b;
	text-decoration: none;
	cursor: pointer;
	text-shadow: 0px 1px 2px #e4e4e4;
	/*font-weight:bold;*/
}
.menu a:hover {
	text-decoration: none;
	color: #FFFFFF;
      background: url("catalog/view/theme/default2/image/menu_arka2.png") no-repeat scroll right center #00A0DC;
}

.menu a.selected {
	text-decoration: none;
	color: #FFFFFF;
      background: url("catalog/view/theme/default2/image/menu_arka2.png") no-repeat scroll right center #00A0DC;
}
	/*font-weight:bold;*/
}

 

[osdem66]

Menunuzun header da yada nerede ise div kodlarını da yazarmısınız karşılaştıralım..
a:active klaslarını silerek deneyin birde...

 

[oztepclub]

Menunuzun header da yada nerede ise div kodlarını da yazarmısınız karşılaştıralım..
a:active klaslarını silerek deneyin birde...

active klasini silincede olmuyor.Anlamiyorum, active, hover vs. hepsi calisiyorda selected neden calismiyor.

 

[osdem66]

}
/*font-weight:bold;*/
}

Burada nedne ik tane güzel parentez var?
Ayrıca siz localde mi çalışıyorsunuz link vs yokmu? Sağır ve dilsizi gibi yardım etmeye çalışıyoruz..

 

[oztepclub]

}
/*font-weight:bold;*/
}

Burada nedne ik tane güzel parentez var?
Ayrıca siz localde mi çalışıyorsunuz link vs yokmu? Sağır ve dilsizi gibi yardım etmeye çalışıyoruz..

Site localde, neden sagir dilsiz gibi hocam ? Tüm kodlar burda.

 

[admin]

Dikkat edin a dan sonra iki nokta üsttüste degil sadece tek nokta olacak..
a:seleceted degil a.selected

Dikkat edin a dan sonra iki nokta üsttüste degil sadece tek nokta olacak..
a:seleceted degil a.selected

Yok hocam öylede olmuyor. Sorun nerde anlamadim gitti .

1.4.x serisinde js ile sayfa bağlantısına göre .selected sınıfı atanmaktadır.

common/header.tpl dosyasından alttaki kodu bulun ve altta bulunan kodları kendinize göre düzenleyiniz.

$('#tab_home').addClass('selected');

Varsayılan tema içindir diğer temalarda yeri değiştirilmiş olabilir.

 

[osdem66]

Dikkat edin a dan sonra iki nokta üsttüste degil sadece tek nokta olacak..
a:seleceted degil a.selected

Yok hocam öylede olmuyor. Sorun nerde anlamadim gitti .

1.4.x serisinde js ile sayfa bağlantısına göre .selected sınıfı atanmaktadır.

common/header.tpl dosyasından alttaki kodu bulun ve altta bulunan kodları kendinize göre düzenleyiniz.

$('#tab_home').addClass('selected');

Varsayılan tema içindir diğer temalarda yeri değiştirilmiş olabilir.

Evet Eka7a haklısınız.. arkadaştan ftp verin bakalım dedik vermedi header tpl kodlarını eklemesini sitedik onuda yapmadı ama nedense bu sekilde çözüm tercih etti.. bizde bazı seyleri varsayarak yardım etmeye çalıştık.. Neden sagır ve dilsiz gibi olduğumuzu şimdi anladınızmı oztepclup arkadaşım..