Ответы пользователя по тегу CSS
  • Спойлер для сайта?

    CrazyOne
    @CrazyOne
    Пожалуйста! :)
    Ответ написан
    Комментировать
  • Спойлер для сайта?

    CrazyOne
    @CrazyOne
    Это JS:
    <script> jQuery(document).ready(function(){ jQuery('a.spoiler-head').click(function(){ jQuery(this).next().toggle(200); return false; }); }); </script>

    Это CSS:
    .spoiler {position:relative;} .spoiler a.spoiler-head {display:block; float:left; margin:10px 0 2px 0; text-decoration:none;} .spoiler a.spoiler-head span {padding:0; border-bottom:dashed 1px #71C83B; font-size:16px; color:#71C83B;} .spoiler .spoiler-body {display:none; position:relative; padding:6px 0 0 0; margin:0; clear:both;}

    Это код самого спойлера:
    <div class="spoiler"> <a class="spoiler-head" href="#">Внимание, спойлер!</a> <div class="spoiler-body">Тут содержимое нашего супер простейшего спойлера</div> <div class="clear"></div> </div>

    Стили измените на свои и вместо «Внимание, спойлер!» можете вставлять что угодно.
    Ответ написан
    1 комментарий
  • Спойлер для сайта?

    CrazyOne
    @CrazyOne
    Вам обязательно плагин использовать? Может просто пару строчек и jQuery?
    Ответ написан
    Комментировать
  • Спойлер для сайта?

    CrazyOne
    @CrazyOne
    Разработчиком этого модуля это продумано небыло, максимум можете использовать опцию «class» и в стилях прописать туда изображение. Например так:

    Это код вашего спойлера:

    [collapse collapsed title="описание спойлера" class="spoiler_img"] содержимое которое прячется под спойлер[/collapse]

    Это вставляйте в css:

    .spoiler_img {background:url("image.png") no-repeat;}

    P.S. Чтобы вставлять произвольное изображение и не извращаться со стилями, нужно переделать код самого модуля.
    Ответ написан