css - hover ile ilgili bir soru

[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 .

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.

Hocam header.tpl de öyle bir kod bulamadim menü ile ilgili böyle bir kod var ;

<div class="div5">
<div class="left"></div>
<div class="right"></div>
<div class="center"><div class="menu">
<?php include "catalog/view/theme/default2/data/mainmenu.tpl"; // customisation on the folder data ?>
</div>

Mainmenü.tpl ye baktim ordada öyle bir kod yok.

 

[osdem66]

hader.tpl nizde aşağıdaki kodlar yoksa header.tpl nin enaltına ekleyin ve tab_home,tab_login vs gbi kodları kendi menunuze göre düzenleyin ve düzenlediğiniz clasları de menudeki a claslarınıza id olarak atayın..

aynen su sekilde:
<a id="tab_home" href="link">link adı</a>

<script type="text/javascript"><!-- 
function getURLVar(urlVarName) {
	var urlHalves = String(document.location).toLowerCase().split('?');
	var urlVarValue = '';
	
	if (urlHalves[1]) {
		var urlVars = urlHalves[1].split('&');

		for (var i = 0; i <= (urlVars.length); i++) {
			if (urlVars[i]) {
				var urlVarPair = urlVars[i].split('=');
				
				if (urlVarPair[0] && urlVarPair[0] == urlVarName.toLowerCase()) {
					urlVarValue = urlVarPair[1];
				}
			}
		}
	}
	
	return urlVarValue;
} 

$(document).ready(function() {
	route = getURLVar('route');
	
	if (!route) {
		$('#tab_home').addClass('selected');
	} else {
		part = route.split('/');
		
		if (route == 'common/home') {
			$('#tab_home').addClass('selected');
		} else if (route == 'account/login') {
			$('#tab_login').addClass('selected');	
		} else if (part[0] == 'account') {
			$('#tab_account').addClass('selected');
		} else if (route == 'checkout/cart') {
			$('#tab_cart').addClass('selected');
		} else if (part[0] == 'checkout') {
			$('#tab_checkout').addClass('selected');
		} else {
			$('#tab_home').addClass('selected');
		}
	}
});
//--></script>