وردپرس فارسی

کدهای زیر را توی نت پد کپی کن و با نام csshover2.htc ذخیره کن.

<attach event="ondocumentready" handler="parseStylesheets" />
<script>

var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:unknown)/i,
currentSheet, doc = window.document, hoverEvents = [], activators = {
	onhover:{on:'onmouseover', off:'onmouseout'},
	onactive:{on:'onmousedown', off:'onmouseup'},
	onunknown:{on:'onfocus', off:'onblur'}
}

function parseStylesheets() {
	if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
	window.attachEvent('onunload', unhookHoverEvents);
	var sheets = doc.styleSheets, l = sheets.length;
	for(var i=0; i<l; i++)
		parseStylesheet(sheets[i]);
}
	function parseStylesheet(sheet) {
		if(sheet.imports) {
			try {
				var imports = sheet.imports, l = imports.length;
				for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
			} catch(securityException){}
		}

		try {
			var rules = (currentSheet = sheet).rules, l = rules.length;
			for(var j=0; j<l; j++) parseCSSRule(rules[j]);
		} catch(securityException){}
	}

	function parseCSSRule(rule) {
		var select = rule.selectorText, style = rule.style.cssText;
		if(!csshoverReg.test(select) || !style) return;

		var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
		var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
		var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1];
		var affected = select.replace(/:(hover|active|unknown).*$/, '');
		var elements = getElementsBySelect(affected);
		if(elements.length == 0) return;

		currentSheet.addRule(newSelect, style);
		for(var i=0; i<elements.length; i++)
			new HoverElement(elements[i], className, activators[pseudo]);
	}

function HoverElement(node, className, events) {
	if(!node.hovers) node.hovers = {};
	if(node.hovers[className]) return;
	node.hovers[className] = true;
	hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
	hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
}
	function hookHoverEvent(node, type, handler) {
		node.attachEvent(type, handler);
		hoverEvents[hoverEvents.length] = {
			node:node, type:type, handler:handler
		};
	}

	function unhookHoverEvents() {
		for(var e,i=0; i<hoverEvents.length; i++) {
			e = hoverEvents[i];
			e.node.detachEvent(e.type, e.handler);
		}
	}

function getElementsBySelect(rule) {
	var parts, nodes = [doc];
	parts = rule.split(' ');
	for(var i=0; i<parts.length; i++) {
		nodes = getSelectedNodes(parts[i], nodes);
	}	return nodes;
}
	function getSelectedNodes(select, elements) {
		var result, node, nodes = [];
		var identify = (/\#([a-z0-9_-]+)/i).exec(select);
		if(identify) {
			var element = doc.getElementById(identify[1]);
			return element? [element]:nodes;
		}

		var classname = (/\.([a-z0-9_-]+)/i).exec(select);
		var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
		var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
		for(var i=0; i<elements.length; i++) {
			result = tagName? elements[i].all.tags(tagName):elements[i].all;
			for(var j=0; j<result.length; j++) {
				node = result[j];
				if(classReg && !classReg.test(node.className)) continue;
				nodes[nodes.length] = node;
			}
		}	

		return nodes;
	}
</script>

این فایل را در پوشه scripts داخل قالبت آپلود کن.
به فایل header.php قبل از </head> اینو اضافه کن:

<style type="text/css">
    body {
        behavior:url("http://yourdomanname.com/wp-content/themes/themename/scripts/csshover2.htc");
    }
    </style>

نام قالبت و دومینتم توش بنویس.
امیدوارم کارت راه بیفته با این کد ;-)

عکس تو پسته اول گویا لود نشده
اینجا میزارمش با اجازتون
<img src="http://i33.tinypic.com/33aa2va.jpg" alt="" />

***************

ویرایش:

مسنکه قرار نیست نشون بده!

http://i33.tinypic.com/33aa2va.jpg

گناهکار جون آخه فقط موضوع کدهای css نیست

بلکه این کدهای HTML رو جاشون رو عوض میکنه!
که این چیزه نرمالی نیست

مرسی نوید جان
اتفاقا مشکله من هم با همین خروجیش هست
میخواستم بدونم از تنظیمی یا دتسکاریه فایلی میشه کاری کرد که به فایل ها کاری نداشته باشه و همونطور که هست خروجی بگیره؟

چون یه مقدار استایل و ... اضافه میکنه و سایته من هم که گرافیکی و همه تنظیماتش پیکسلی هست حتی با یه margin اضافه همه چیش به هم میریزه

من نمیخوام چیزی اضافه کنه چون همه چیزهای لازم رو خودم سره جای خودشون اضافه کردم
نیازی هم به widget هم ندارم چون عرضه ساید بارم 150 بیشتر نیست

همونطور که گفتم قالبه استاتیک هیچ مشکلی نداره

اصلا خودتون میدونید اگه وقتش رو داشته باشید یه نگاهی به قالب ها بندازید

تو IE اصلا بعضی از DIV ها بسته نمیشن!!! که همین مشکله منه!

برای شما تا به حال چنین چیزی پیش نیومده؟

مرسی امید جان
والا من خودم از اونجا گفتم مشکلی نداره، که قالبه استاتیکش رو IE بدونه مشکل نشون میده

اونا رو هم چک میکنم

فقط cat-item cat-item-5 و از این قبیل رو من تعریف نکردم تو قالبم ها
احتمالا وردپرس اضافه کرده

اگه زحمتی هم نیست یه توضیحی درباره همون فایله csshover2 میدین که کاره اصلیش چی هست و وجودش ضروری هست یا نه؟ @},-

omid2222 گفت:
ببینید این کلاس aboutDaRiOuShJh و کلاسهایی که نوشتم رو وقتی سورستونو نیگاه کنید میبینید وجود دارن ولی توی استایلتون نیستن.
دقیقا همین قسمتها هم که این کلاسها رو گرفتن در IE به هم خوردن و بقیه درست دیده میشن.
واسه اضافه کردنشونم که مث همون استایل news یه خط اضافه کن با نام این کلاسها توی استایلت.
کار اون فایلی که دادم, تعریف کردن یک سری توابعیه که برای IE نا مفهومه. بیشتر برای IE6 به کار میره. وجودش ضرری نداره ;-)

مرسی امید جان

من دیروز وقت داشتم نشستم سرش تا حدودی مشکلاتش رو حل کردم!

متاسفانه IE با table ها مشکل داشت و تا اونجا که شد جدول ها رو حذف کردم

تا حدوده زیادی مشکل حل شده

فقط یه موضوعی!

همه ی مرورگرها آنلاین هم مشکلی ندارن برای نشون دادنشون

ولی قالبم رو IE فقط تا header آنلاین نشون میده! در حالی که آفلاین کامل نشون میده
برای چند نفره دیگه هم اینطوری بوده

نظرتون چیه؟

**********************

فعلا قالب رو چند plug-in بهش اضافه کنم و کدهای لازمشون رو اضافه کنم تا نهاییش رو publish کنم