Несколько стилей для одной темы Вашего блога — своими руками
Дата: 04.02.2008 | Рубрика: Статьи
Style Switcher — своими руками
- Скачайте этот Javascript файл и разорхивируйте
- Залейте этот style-switch.js в директорию “js” Вашей темы
- Скопируйте Ваш основной файл стиля (style.css) как style2.css
- Вставьте этот javascript в шапку (header.php) Вашей темы:
<script src="<?php bloginfo('template_directory'); ?>/js/style-switch.js" type="text/javascript"></script>
- Укажите оба файла стиля в шапке (header.php) темы:
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" title="default" media="screen" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="style2" href="<?php bloginfo('template_directory'); ?>/style2.css" />
- Закачайте новые картинки, которые будут использоваться с новым стилем, в папку image вашей темы (т.е. в этой папке будут находиться картинки для обоих стилей. Смотрите, чтобы названия картинок не совпадали)
- Добавьте вызов скрипта в любое место Вашей темы, чтобы читатель мог переключать стили:
Styles:<a rel="no follow" title="Toggle stylesheets" href="javascript : chooseStyle('none', % 20 60)">StyleOne</a>
|<a rel="no follow" title="Toggle stylesheets" href="javascript : chooseStyle('style2', % 20 60)">
StyleTwo
</a>
.
1 Комментарий
Но вы можете его оставить, если есть что сказать...!)
Вы должны войти, чтобы оставить комментарий!