Поздравляем!

Поздравления родным и друзьям



Мои Интересы

Поиск по сайту

Связь, инфо

РЕКЛАМА

Мое фото увлечение

Аквариум
Закругляем углы на CSS

Погода
Погода от Метеоновы
Рига+17облачно, небольшой дождь
758 мм, 51%, С-З,5-9 м/с
Бирмингем+18облачно
6 сентября, четверг
 Погода с разных источников>>>  

Закругляем углы на CSS
Страница 1 из 11
Форум » Все для дизайна сайтов Ucoz » Дизайн сайта » Скрытый текст (спойлер)
Скрытый текст (спойлер)
ВикторияДата: Суббота, 15.09.12, 10:22 | Сообщение # 1
Основатель сайта
Сообщений: 376

Имя: Виктория Ермакова
Страна: Латвия
Город: Rīga
Skype: vikajura1819

Награды: 2
Репутация: 6
Для того чтобы добавить данный спойлер - вам надо:
1. Зайти в Дизайн ---> Изменить HTML
2. С помощью поиска (Ctrl+F) вам надо будет найти эту строку в вашем шаблоне: /head
3. Перед данной строкой - добавьте этот код
(изображение png, можно изменить на свое, только тогда цвет текста color: #FFFFFF тоже надо поменять в соответствии с изображением.):


Code
<style type="text/css">
/* Стили для спойлера */
.bar {
        background:#B2BDCB url('http://viktorija.ucoz.lv/spoiler/spoiler.png') no-repeat;
        padding-left: 30px;
        color: #FFFFFF;
        height:26px;
        font-weight:bold;
        cursor:pointer;
}
/* Скрытый спойлер */
.spoiler-hidden .bar {
        background-position: 0 0;
}
.spoiler, .spoiler-hidden .text {
        display: none;
}
/* Открытый спойлер */
.spoiler-visible .bar {
        background-position: 0 -22px;
}
.spoiler-visible .copy {
        text-align:right; font-size:0.6em;
}
.spoiler-visible .text {
        display:visible;
        padding: 0 1em;
        border: 1px dashed #B2BDCB;
        border-top-width:0;
}
</style>


4. Далее надо добавить сам скрипт, для этого с помощью поиска (Ctrl+F) найдите эту строку в вашем шаблоне: /body
5. Перед данной строкой - добавьте этот код:


Code
<script src='http://viktorija.ucoz.lv/spoiler/widget_spoiler.js' type='text/javascript'></script>
<script type='text/javascript'>
WidgetSpoilerManager.setOption("defaultTitleText", "Скрытый текст");
WidgetSpoilerManager.init();
</script>


6. Всё! При добавлении статьи в режиме HTML вставьте этот код:

Code
<div class="spoiler" title="Title (Название)">
Скрытый текст
</div>






 

Форум » Все для дизайна сайтов Ucoz » Дизайн сайта » Скрытый текст (спойлер)
Страница 1 из 11
Поиск:
Меня можно найти...

Мини профиль
Понедельник 20.11.17 19:25



Сертификат
Сертификат на никнейм Виктория Ермакова, зарегистрирован на Виктория Ермакова http://viktorija.ucoz.lv

Наша регистрация
Форма регистрации для родственников и друзей.
Нажми сюда >>>

Поделиться
Понравилась страничка..? Распечатай ее или посоветуй другу

Поделиться:

Пользователи

OnLine

Сейчас тут:
Нас посетили:


Инфо о сайте




счетчик посещений

владелец сайта:Виктория Ермакова | оформления сайта:Виктория Ермакова |Контакты: viktorija-er@inbox.lv
Copyright MyCorp © 2011- 2017|