Кодировка HTML | Демо-сайт CMS uCoz | Почта

Стили для спойлеров

Все что связано с HTML и CSS.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!

Re: Стили для спойлеров

Сообщение Tilos » 29 ноя 2009, 21:18

uWeb, и твое не пашет.... :( ну сделайте вы кто-нибудь этот спойлер :o я уже 2 с половиной месяца жду :( :shock:
Аватара пользователя
Tilos
Майор
Майор
 
Сообщения: 104
Возраст: 29
Зарегистрирован: 29 апр 2009, 20:22
Карма: + 0 -
Откуда: Из города

Re: Стили для спойлеров

Сообщение Nigelist » 30 ноя 2009, 10:42

VeRoN писал(а):Каким образом можно убрать в ФФ фокусировку (точки во круг) на кнопке спойлера?

Фокусировку в Firefox можно убрать добавив к нужному селектору (классу):
Код: Выделить всё
outline:none;


Запостьте все классы для стандартного укозовского спойлера и я сделаю пару стилей, кому какой нужен будет...
Бороться и искать, найти и перепрятать...
Аватара пользователя
Nigelist
Лейтенант
Лейтенант
 
Сообщения: 88
Возраст: 40
Зарегистрирован: 18 фев 2009, 07:09
Карма: + 4 -
Откуда: С того берега моря...

Re: Стили для спойлеров

Сообщение Nigelist » 30 ноя 2009, 10:43

Tilos, чем ждать лучше переходи на bbComplex, там спойлер на уровень выше, да и возможностей оформления поболее...
Бороться и искать, найти и перепрятать...
Аватара пользователя
Nigelist
Лейтенант
Лейтенант
 
Сообщения: 88
Возраст: 40
Зарегистрирован: 18 фев 2009, 07:09
Карма: + 4 -
Откуда: С того берега моря...

Re: Стили для спойлеров

Сообщение Nigelist » 30 ноя 2009, 11:26

Tilos, все готово, теперь стили предоставленные нам ув. Vanofuture работают, правда проверял только в Firefox:

Код: Выделить всё
input.uSpoilerButton {width:100%; border:0; padding: 0 0 0 13px; outline:none; font-size:8pt; background-color:inherit !important; cursor:pointer; font-weight:bold; text-align:left}
input.uSpoilerButton::-moz-focus-inner {border:0}
div.uSpoilerClosed div.uSpoilerButBl input.uSpoilerButton {background:url('http://alexeenko.org/public/img/spoiler_plus.gif') no-repeat left center}
div.uSpoilerOpened div.uSpoilerButBl input.uSpoilerButton {background:url('http://alexeenko.org/public/img/spoiler_minus.gif') no-repeat left center}
div.uSpoilerClosed, div.uSpoilerOpened {padding:3px; border:1px solid #CBCBCB; border-left-width:3px; background:#E9EAE6}
div.uSpoilerText {padding-top:5px; padding-left:3px}

Vanofuture, вы просто забыли указать один дочерний селектор:
div.uSpoilerOpened div.uSpoilerButBl input.uSpoilerButton
div.uSpoilerClosed div.uSpoilerButBl input.uSpoilerButton
Бороться и искать, найти и перепрятать...
Аватара пользователя
Nigelist
Лейтенант
Лейтенант
 
Сообщения: 88
Возраст: 40
Зарегистрирован: 18 фев 2009, 07:09
Карма: + 4 -
Откуда: С того берега моря...

Re: Стили для спойлеров

Сообщение Vanofuture » 30 ноя 2009, 17:07

Nigelist, нет.
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 48 -

Re: Стили для спойлеров

Сообщение Nigelist » 01 дек 2009, 06:12

Vanofuture, дались вам англоязычные ресурсы. Мне вполне достаточно этого.
По своей логике дочерние селекторы похожи на селекторы контекстные. Разница между ними следующая. Стиль к дочернему селектору применяется только в том случае, когда он является прямым потомком, иными словами, непосредственно располагается внутри родительского элемента. Для контекстного селектора допустим любой уровень вложенности.

И главным аргументом того что я прав, то что у Tilos, не работали ваши стили, у меня тоже не работали. После исправления кода, все работает... А стили хорошие получились... :good:
Бороться и искать, найти и перепрятать...
Аватара пользователя
Nigelist
Лейтенант
Лейтенант
 
Сообщения: 88
Возраст: 40
Зарегистрирован: 18 фев 2009, 07:09
Карма: + 4 -
Откуда: С того берега моря...

Re: Стили для спойлеров

Сообщение Vanofuture » 01 дек 2009, 22:29

Nigelist писал(а):дались вам англоязычные ресурсы

Vanofuture писал(а):w3.org

:rofl: :rofl: :rofl:
+ могу добавить что почему-то у меня везде всё работало.
Nigelist писал(а):http://stepbystep.htmlbook.ru/?id=53

Читать ещё раз. В моём(да и вашем тоже) коде используються не дочерние, а контекстные селекторы. :)
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 48 -

Re: Стили для спойлеров

Сообщение Nigelist » 03 дек 2009, 05:49

Vanofuture писал(а):Читать ещё раз. В моём(да и вашем тоже) коде используються не дочерние, а контекстные селекторы.

Ладно, не будем спорить. Наверное дело в доктайпах...
Бороться и искать, найти и перепрятать...
Аватара пользователя
Nigelist
Лейтенант
Лейтенант
 
Сообщения: 88
Возраст: 40
Зарегистрирован: 18 фев 2009, 07:09
Карма: + 4 -
Откуда: С того берега моря...

Re: Стили для спойлеров

Сообщение ingaters » 05 апр 2010, 21:24

uWeb писал(а):Убираем [+] и [-] в uSpoiler
Ставить после $BODY$
Во всем виноват chu4___x
Код: Выделить всё
<?if($PAGE_ID$='threadpage')?>
<script type="text/javascript">
$('td.posttdMessage .uSpoilerButton').each(function () {
   $(this).val($(this).val().replace(/\[[+-]]/g, ''));
   this.onclick = function () {
      return $(this).parent().parent().find('.uSpoilerText').slideToggle();
   }
})
</script>
<?endif?>

при использование это фикса,положение плюс минус о(при открытии и закрытии) спойлера остается только в одном положение,в положение плюса
ingaters
Сержант
Сержант
 
Сообщения: 70
Зарегистрирован: 19 янв 2010, 23:29
Карма: + 1 -

Re: Стили для спойлеров

Сообщение BECK » 13 сен 2010, 10:37

http://likbezz.ucoz.ru/publ/ucoz/design ... /28-1-0-64

Код: Выделить всё
<script type="text/javascript">
$('td.posttdMessage .uSpoilerButton').each(function (){
$(this).val($(this).val().replace(/\[[+-]]/g, '')).removeAttr('onclick');
$(this).click(function(){
$(this).parent().parent().toggleClass('uSpoilerOpened').find('.uSpoilerText').slideToggle('fast');
});
})
</script>
BECK
Салага
Салага
 
Сообщения: 2
Зарегистрирован: 21 апр 2008, 11:10
Карма: + 0 -

Пред.След.

Вернуться в HTML и CSS

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 9

cron