اموزش نصب swiftstyler

[Cold]

خوب اول از همه استایلتونو کاملا آماده میکنین و وقتی کامل کامل شد به این آموزش عمل میکنین !

اول از همه فایل styleswitch رو دانلود و تو فایل قالبتون قرار بدید !


http://vbfa.ir/styleswitch.js.zip

حالا این کدو به اخر headinclude قالبتون اضاف کنید





<link rel="stylesheet" type="text/css" href="http://www.vbiran.ir/images/نام فایل قالب /abi.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="abi-theme" href="http://www.vbiran.ir/images/نام فایل قالب اینجا/sabz.css" /> <script src="http://www.vbiran.ir/images/air/styleswitch.js" type="text/javascript"></script>


طبق این کد abi.css استایل پیشفرض و sabz.css قابلیت تغیر رنگ رو برای قرار دادیم میتونید عوضشون کنید ! + با اضافه کردن




<link rel="alternate stylesheet" type="text/css" media="screen" title="abi-theme" href="http://www.vbiran.ir/images/نام فایل قالب اینجا/رنگ دیگه.css" />


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

خوب حالا تو فایل قالبتون فایل های css هایی به نام sabz.css و abi.css ایجاد میکنید (با نوت پد هم میشه)

خوب حالا مثلا میخواید css رو وقتی رو رنگ سبز کلیک میکنند سبز بشه برای این کار باید اون کد سی اس اس مثلا تو additional.css هست رو بردارید مثلا این کد !





.elects{ background: #e9e9e9; padding: 5px; border-radius: 5px; }


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





.elects{ padding: 5px; border-radius: 5px; }


دیگه کد رنگ که این بود



background: #e9e9e9;


رو برداشتیم حالا میریم داخل استایل پیشفرضمن که ابی هست یعنی داخل abi.css و نام این کلاس که هست رو با کد رنگ دلخواهمون وارد میکنیم





.elects{ background: #کد رنگ دلخواه; }


به صورت کد بالا !

برای بقیه سی اس اس ها هم همین طور عمل کنید !

حالا برای تغیر عکس ها ! اول باید بگم که تمام عکس هاتون رو باید با سی اس اس وارد استایل کنید مثل کد زیر





.css { background: url(http://www.vbiran.ir/images/vbiranv4/mug.png) no-repeat right -10px; height:48px; weight:48px }


حالا میخواید این عکس تو رنگ اصلی ابی باشه و تو رنگ سبز سبز http://www.vbiran.ir/New/biggrinsmiley.gif

کلا بخش که ادرس عکس رو گزاشتید رو از تو additional بر میدارید و میشه این کد






.css { height:48px; weight:48px }


این کد برداشته شد





background: url(http://www.vbiran.ir/images/vbiranv4/mug.png) no-repeat right -10px;


حالا مثل تغیر رنگ این کد رو با کلاس اون تو sbz.css و abi.css وارد میکنیم که میشه




.css { background: urlادرس عکس دلخواه) no-repeat right -10px; }


اما ادرس عکسو عوض میکنیم برای هر رنگ

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





<a href="javascript:chooseStyle('none', 60)" checked="checked"><img width="28" height="26" src="http://www.vbiran.ir/images/نام فایل/green.png" alt="انتخاب رنگ سبز" title="انتخاب رنگ ابی"></a> <a href="javascript:chooseStyle('abi-theme', 60)"><img width="28" height="26" src="http://www.vbiran.ir/images/نام فایل/blue.png" alt="انتخاب رنگ سبز" title="انتخاب رنگ سبز"></a> </a>