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

[Tilos]

uWeb, и твое не пашет.... ну сделайте вы кто-нибудь этот спойлер я уже 2 с половиной месяца жду

[Nigelist]

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

Фокусировку в Firefox можно убрать добавив к нужному селектору (классу):

Код: Выделить всё

outline:none;

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

[Nigelist]

Tilos, чем ждать лучше переходи на bbComplex, там спойлер на уровень выше, да и возможностей оформления поболее...

[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

[Vanofuture]

Nigelist, нет.

[Nigelist]

Vanofuture, дались вам англоязычные ресурсы. Мне вполне достаточно этого.

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

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

[Vanofuture]

дались вам англоязычные ресурсы

w3.org

+ могу добавить что почему-то у меня везде всё работало.

http://stepbystep.htmlbook.ru/?id=53

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

[Nigelist]

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

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

[ingaters]

Убираем [+] и [-] в 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?>

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

[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>