Как да активирам външно ЦСС файл?

M

MontefuckeR

Registered
Значи имам едно файлче "зелено.цсс" и искам да го активирам от сайта нещо подобно на това: http://www.zymic.com/template_preview.php?id=126&cat_id=1 забележете в дясто цветните квадратчета
 
Нещо не те разбрах ? Имаш цсс файл и искаш да го заредиш в индекс-а ?
 
Правиш си отделни индекси за всеки цвят и в него слагаш CSS който е за него.
 
Код: 
<link rel='stylesheet' href='red.css' type='text/css' />
<link rel='stylesheet' href='blue.css' type='text/css' />
<link rel='stylesheet' href='green.css' type='text/css' />
Нещо такова ли :?
 
Ще ги викаш с JavaScript.
Сайта за който говориш ползва много елементарен JavaScript за да сменя стиловете. Ето го:
http://www.zymic.com/templates/126/styleswitcher.js
Самите стилове( и Jscript-a) в страницата са зададени така:
Код: 
<style type="text/css">@import"style.css";</style>
<link rel="stylesheet" href="blue.css" type="text/css" title="blue">
<link rel="alternate stylesheet" type="text/css" href="red.css" title="red">
<link rel="alternate stylesheet" type="text/css" href="green.css" title="green">
<link rel="alternate stylesheet" type="text/css" href="pink.css" title="pink">
<script type="text/javascript" src="styleswitcher.js"></script>
Бутончетата, които сменят стила са линкове и им е вкаран onclick:
Код: 
<a href="#"
 onclick="setActiveStyleSheet('blue'); return false;"
 title="Change style to Blue">
<img src="images/bluebtn.gif" alt="Change style to Blue">
</a>
Забележи и колко са простички самите стилови файлове:
http://www.zymic.com/templates/126/blue.css
http://www.zymic.com/templates/126/red.css
http://www.zymic.com/templates/126/green.css
http://www.zymic.com/templates/126/pink.css
Мисля, че ще се оправиш, та дори може да си напишеш и собствен JavaScript, защото тоя е малко раадут.
Успех!
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе