دکمه تغییر استایل قالب

[SM-Mahdavi 5427]

سلام دوستان

یه سری دکمه می خوام تو سایت بزارم کاربر بتونه استایل قالب رو تغییر بده. مثلا چند تا دکمه تغییر رنگ باشه، کاربر رو هر کدوم کلیک کرد رنگ منو عوض شه.

[Morteza 34190]

با جی کوئری باشه؟

[SM-Mahdavi 5427]

ولا نمی دونم. فکر می کنم با جی کوئری بشه. یا سی اس اس هم فکر کنم بشه. فقط یه جعبه رنگ می خوام بزارم. کاربر بتونه استایل رو تغییر بده.

[aminvl 99]

دروود

از اسکریپت Style Switche میتونید استفاده کنید که به ورت ایجکس استایل رو تغییر میده

[SM-Mahdavi 5427]

این افزونه PHP هست. من می خوام رو HTML اجرا کنم.

[SM-Mahdavi 5427]

دوستان حل شد. به روشی فوق العاده ساده !

اینم آموزش:

ابتدا کدهای css قالب هایی را که طراحی کرده اید را در فایل های مختلف با نام های مختلف ذخیره کنید. توجه کنید که قالب پیش فرضتان را با نام default.css ذخیره کنید.حالا فایل هایی که آماده کرده اید را آپلود کنید و آدرس آن فایل ها را در کدهای زیر که در بین تگ های head قالب قرار می گیریند قرار دهید.

<link rel="stylesheet" type="text/css" href="css/default.css"/>
<link rel="alternate stylesheet" type="text/css" href="css/blue.css" title="blue"/>
<script type="text/javascript" src="http://1code.ir/webdesign/stylechanger/js/styleswitcher.js"></script>

به جز قالب پیش فرض تان که نامش default است در کدهای بالا در قسمت title نامی مناسب برگزینید.

حالا کافیست که دکمه های انتخاب قالب را در قسمت body قالبتان در اختیار کاربر قرار دهید مثلا کدهای زیر به صورت لینک این کار را می کنند.

   <a href="#" onclick="setActiveStyleSheet('default');
return false;">change style to default</a>[/color][/font]
[font=tahoma,geneva,sans-serif][color=#444444]<a href="#" onclick="setActiveStyleSheet('blue');
return false;">change style to blue</a>

حتما توجه کرده اید که نامی که برای هر استایل در قسمت title در مرحله قبل انتخاب کرده ایم را در کدهای بالا در داخل پرانتز setActiveStyleSheet قرار می دهیم.

http://1code.ir/webdesign/stylechanger/stylechanger.htmlدموی قالب با دو استایل

منبع: یک کد