چگونگی استفاده از فناوری یاهو ؟

jaberjiji

Member
سلام دوستان
اگه سایت یاهو و msn رو دیده باشید تو قسمت پیج آبشنش میشه قالبندی و رنگ سایت رو عوض کرد ؟ مدونم با css هست ولی بلد نیستم باید چیکار کنم
میشه راهنمایی کنید ؟
با تشکر.
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
جابر جان، شما باید چند style sheet که alternate هستند تعریف کنید که بتونید در مرورگرهای ff, op بشه بین اونها سوییچ کرد، در ie 7 رو اطلاع ندارم، اما پیش تر برای استفاده در ie از Js استفاده میشد.
 

jaberjiji

Member
شرمنده
خوب چه جوری لینک بدم ؟ که با کلیک کردن عوض بشه ؟
اصلا یه جور دیگه میگم ، من مثلا 2 تا css مختلف دارم مثلا یکی به اسم red و اون یکی green م پیش فرض سایتم red هست حالا میخوام وقتی بازدید کننده مثلا روی عبارت گرین کلیک می کنه css گرین فراخونی بشه و صفحه رو با کدهای اون css گرین نمایش بده .
اگه مثثال عملی بهم بدید بهتر میفهمم.
بازم منون
 
من قبلا اینجا توضیح داده بودم:

خوب با استفاده از جاوا اسکریپت میشه یه دکمه گذاشت که کاربر با استفاده از اون بتونه برگه سبک رو عوض کنه. این روش یه ایراد داره و اون هم اینه که اگر جاوا اسکریپت روی سیستم کاربر غیر فعال باشه دیگه نمیشه برگه های سبک رو غیر فعال کرد. البته جاوا اسکریپت روی سیستم بیش از 95 درصد مردم فعاله.
برای استفاده از کد جاوا باید اول لینک برگه های سبک مشخص باشه
مثلا :
HTML:
<link rel="stylesheet" type="text/css" href="orangetheme.css" title="orange">

و برگه سبک دوم
HTML:
<link rel="alternate stylesheet" type="text/css" href="redtheme.css "title="red">

من یه تایتل برای هر برگه سبک شما انتخاب کردم که مشخص باشه چی به چیه و برگه سبک دوم هم rel اش رو به alternate stylesheet تغییر دادم.
حالا شما باید زیر آدرس همین برگه های سبک به این فایل js لینک بدی
HTML:
<script language="javascript" type="text/javascript" src="switcher.js"></script>

این رو باید بذاری زیر همون آدرس برگه های سبک قبل از تگ پایانی </head>

حالا این کدهارو تو یه فایل متنی بریز و با پسوند JS ذخیره کن و اسمش رو هم بذار همون switcher.js
HTML:
/*
Paul Sowden's JavaScript switcher as detailed on:
http://www.alistapart.com/articles/alternate/
*/
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 &&
a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}
function getActiveStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 &&
a.getAttribute("title") && !a.disabled)
return a.getAttribute("title");
}
return null;
}
function getPreferredStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("rel").indexOf("alt") == -1
&& a.getAttribute("title")
) return a.getAttribute("title");
}
return null;
}
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0)
return c.substring(nameEQ.length,c.length);
}
return null;
}
window.onload = function(e) {
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
}
window.onunload = function(e) {
var title = getActiveStyleSheet();
createCookie("style", title, 365);
}
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);

حالا باید دو تا لینک تو صفحت بذاری که هر کس روش کلیک کنه با اونها بتونه برگه سبک رو عوض کنه. این دو تا لینک هم باید به این شکل باشه

کد:
HTML:
<a href="javascript:;"
onclick="setActiveStyleSheet('orange'); return false;"
>Orange text</a>

و

HTML:
<a href="javascript:;"
onclick="setActiveStyleSheet('red'); return false;"
>Red text</a>

همین. تموم شد.
 
آخرین ویرایش توسط مدیر:

جدیدترین ارسال ها

بالا