Раздер Название темы Ответов Последний
Графика для сайта Shareman 3.70 RUS/2010 0 mandelsonsouggisse
Изготовление контента Нужен контент 10 ali7875
DataLife Engine Проблема регистрации. 1 JimaX
DataLife Engine Модальное окно в DataLife Engine 3 lionprizrak
DataLife Engine Настройка robots.txt 8 Prizrak_2012
Стол заказов на cmsko.ru Мини-чат. 2 JimaX
Общение пользователей Статьи 3 nastroenie
Хостинг TneHost - Хстинг провайдер 10 ali7875
DataLife Engine Установка банеров 9 JimaX
DataLife Engine Помогите с установой. dle95 2 nastroenie
Яндекс Apdate
Апдейты Яndex тИЦ
28.03.2013Последний |
27.12.2012
07.12.2012
Апдейты Яndex выдачи
12.05.2013Последний |
27.04.2013
24.04.2013
Апдейты ЯКаталога
13.05.2013Последний |
10.05.2013
09.05.2013
Информация
Главная страница » Всё для uCoz » uCoz Хаки, советы » Дорабатываем UCOZ'овский спойлер через CSS
Дорабатываем UCOZ'овский спойлер через CSS
» Просмотров: 2486 » Дата: 31-07-2010, 17:19 » Автор: NeoMurderer

CSS. Дорабатываем UCOZ'овский спойлер.


CSS. Дорабатываем UCOZ'овский спойлер.




Не для кого наверное не секрет, а если для кого секрет - то сейчас я его вам открою, что на ucoz'е уже поддерживаются спойлеры. Для чего, собственно, имеется специальный BB-код
spoiler



А значит многие из тех, кто пользовался "самописными" спойлерами, использующими эту же кодовую последовательность, скорее всего вдруг обнаружили что их красивые спойлеры превратились примерно вот в это:

CSS. Дорабатываем UCOZ'овский спойлер.


Лично меня такой вариант несколько не устроил. Сначала я хотел было изменить кодовую последовательность в своем спойлере - идея глупая! Зачем что то городить, когда можно использовать то, что уже есть. В ресурсах страницы можно разглядеть, что у всех элементов спойлера заботливо задали классы css стилей. Грех их не заюзать! И так, предлагаю вам свой вариант спойлера, полученного из стандартного путем "разукрашивания":

Находим в CSS Тег SPOILER *


/* ======= ========== ===  SPOILER */
.title_spoiler {
    color: #636363;
    background-color: #f2f 2f2;
    border: 1px dotted #bebebe;
    font-weight: bold;
    padding: 5px;
}

.text_spoiler {
    color: #757575;
    background-color: #f2f2f2;
    border: 1px dotted #bebebe;
    border-top: 0;
    text-align: justify;
    padding: 5px;
}



Меняем его на этот:


/* ---------------------------------- *
  Spoiler
  * ---------------------------------- */
.uSpoilerButton {width: 100%; color: #177ebb; background: transparent; font-weight: bold; text-align: left; border: 1px #000 dotted !important; padding: 3px;}

.uSpoilerText {color: #333333; background: #f7f7f7; font-size: 12px; border: 1px #000 dotted !important; padding: 3px;}


P.S. : Как вы заметили он собран под белый шаблон.



Комментарии: 1
 (голосов: 9)
Евгений(Гости) 27 мая 2011 15:23
Спасибо за скрипт! Пригодился мне!
Уважаемый посетитель, Вы зашли к нам на сайт как незарегистрированный пользователь. Мы рекомендуем Вам бесплатно зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.