Оценки читателей
0 Лайк 0 Лавки 0 Ахахах! 0 Ого! 0 Восторг 0 Печаль 0 Грусняшь
Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Авторские работы
- Другие модули
- Спойлер в спойлере без ограничений
DEMO
+
Всем привет... Сегодня вы сможете делать спойлеры в спойлерах без ограничений на основе вашего BB кода... Но не будем томить перейдем к установке!...
Установка:
1. Для добавления юзаем BB
2. Добавим js код:
Разберем код:
1. .cMessage - Устанавливаем ваш атрибут во что обвернута ваша BB
2. spot - Название вашей юзаемой BB для добавления.
3. Добавим Базовый CSS скрытия
4. Написать CSS под свой вид дизайна!.
Атрибуты: .uSpot .uSpot-caption .uSpot-content
Установка:
1. Для добавления юзаем BB
Код
[spot] Infa 1 [/spot]
2. Добавим js код:
Код
$(function(){
$('.cMessage').each(function(){
var $this = $(this);
var content = $this.html();
var newContent = content
.replace(/\[spot\]/g, '<div class="uSpot">'
+ '<span class="uSpot-caption">Открыть спойлер</span>'
+ '<div class="uSpot-content">')
.replace(/\[\/spot\]/g, '</div></div>')
$this.html(newContent);
});
$('.uSpot-caption').click(function(){
$(this).parent().toggleClass('uSpot-show');
});
});
$('.cMessage').each(function(){
var $this = $(this);
var content = $this.html();
var newContent = content
.replace(/\[spot\]/g, '<div class="uSpot">'
+ '<span class="uSpot-caption">Открыть спойлер</span>'
+ '<div class="uSpot-content">')
.replace(/\[\/spot\]/g, '</div></div>')
$this.html(newContent);
});
$('.uSpot-caption').click(function(){
$(this).parent().toggleClass('uSpot-show');
});
});
Разберем код:
1. .cMessage - Устанавливаем ваш атрибут во что обвернута ваша BB
2. spot - Название вашей юзаемой BB для добавления.
3. Добавим Базовый CSS скрытия
Код
.uSpot-content {display:none;}
.uSpot-show > .uSpot-content {display:block;}
.uSpot-show > .uSpot-content {display:block;}
4. Написать CSS под свой вид дизайна!.
Атрибуты: .uSpot .uSpot-caption .uSpot-content
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Добавил: Best_Studio
Дата добавления: 16.06.2016 в 22:37 по МСК
Категория: Другие модули
Просмотров: 782
Комментариев: 0
Эмоций:
Дата добавления: 16.06.2016 в 22:37 по МСК
Категория: Другие модули
Просмотров: 782
Комментариев: 0
Эмоций:
