css - hover ile ilgili bir soru

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
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

OpenCart-TR
Katılım
6 Şub 2011
Mesajlar
46
Tepkime puanı
0
Puanları
0
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

OpenCart-TR
Katılım
19 Ağu 2010
Mesajlar
882
Tepkime puanı
0
Puanları
0
Yaş
57
Web sitesi
opencart-themes.org
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ış


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

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
osdem66' Alıntı:
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ış


Kod:
#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 ?
 

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
osdem66' Alıntı:
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

OpenCart-TR
Katılım
19 Ağu 2010
Mesajlar
882
Tepkime puanı
0
Puanları
0
Yaş
57
Web sitesi
opencart-themes.org
Dikkat edin a dan sonra iki nokta üsttüste degil sadece tek nokta olacak..
a:seleceted degil a.selected
 

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
osdem66' Alıntı:
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

OpenCart-TR
Katılım
19 Ağu 2010
Mesajlar
882
Tepkime puanı
0
Puanları
0
Yaş
57
Web sitesi
opencart-themes.org
Mutlaka eksik bişiler yapıyorsunuzdur.. yoksa olmaması mümkn degil.. ftp vs verirsen bakabilrim..
 

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
osdem66' Alıntı:
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.
 

mdogan35

OpenCart-TR
Katılım
24 Ocak 2011
Mesajlar
110
Tepkime puanı
0
Puanları
16
Yaş
46
Konum
İzmir
Web sitesi
www.cicekkuryesi.com
Kod:
.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

OpenCart-TR
Katılım
19 Ağu 2010
Mesajlar
882
Tepkime puanı
0
Puanları
0
Yaş
57
Web sitesi
opencart-themes.org
mdogan35' Alıntı:
Kod:
.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

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
Buyrun hocam menü ile ilgili bütün css kodlari burda ;

Kod:
.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

OpenCart-TR
Katılım
19 Ağu 2010
Mesajlar
882
Tepkime puanı
0
Puanları
0
Yaş
57
Web sitesi
opencart-themes.org
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

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
osdem66' Alıntı:
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

OpenCart-TR
Katılım
19 Ağu 2010
Mesajlar
882
Tepkime puanı
0
Puanları
0
Yaş
57
Web sitesi
opencart-themes.org
}
/*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

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
osdem66' Alıntı:
}
/*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

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
38
Konum
Bursa
Web sitesi
www.opencart-tr.com
osdem66' Alıntı:
Dikkat edin a dan sonra iki nokta üsttüste degil sadece tek nokta olacak..
a:seleceted degil a.selected

oztepclub' Alıntı:
osdem66' Alıntı:
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.

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

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

osdem66

OpenCart-TR
Katılım
19 Ağu 2010
Mesajlar
882
Tepkime puanı
0
Puanları
0
Yaş
57
Web sitesi
opencart-themes.org
eka7a' Alıntı:
osdem66' Alıntı:
Dikkat edin a dan sonra iki nokta üsttüste degil sadece tek nokta olacak..
a:seleceted degil a.selected

oztepclub' Alıntı:
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.

Kod:
$('#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..
 
Üst