Страница 4 из 5

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

СообщениеДобавлено: 29 ноя 2009, 21:18
Tilos
uWeb, и твое не пашет.... :( ну сделайте вы кто-нибудь этот спойлер :o я уже 2 с половиной месяца жду :( :shock:

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

СообщениеДобавлено: 30 ноя 2009, 10:42
Nigelist
VeRoN писал(а):Каким образом можно убрать в ФФ фокусировку (точки во круг) на кнопке спойлера?

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


Запостьте все классы для стандартного укозовского спойлера и я сделаю пару стилей, кому какой нужен будет...

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

СообщениеДобавлено: 30 ноя 2009, 10:43
Nigelist
Tilos, чем ждать лучше переходи на bbComplex, там спойлер на уровень выше, да и возможностей оформления поболее...

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

СообщениеДобавлено: 30 ноя 2009, 11:26
Nigelist
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

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

СообщениеДобавлено: 30 ноя 2009, 17:07
Vanofuture
Nigelist, нет.

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

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

И главным аргументом того что я прав, то что у Tilos, не работали ваши стили, у меня тоже не работали. После исправления кода, все работает... А стили хорошие получились... :good:

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

СообщениеДобавлено: 01 дек 2009, 22:29
Vanofuture
Nigelist писал(а):дались вам англоязычные ресурсы

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

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

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

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

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

Ладно, не будем спорить. Наверное дело в доктайпах...

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

СообщениеДобавлено: 05 апр 2010, 21:24
ingaters
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?>

при использование это фикса,положение плюс минус о(при открытии и закрытии) спойлера остается только в одном положение,в положение плюса

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

СообщениеДобавлено: 13 сен 2010, 10:37
BECK
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>