У меня есть код спойлера, уже заточенный под меня. я его использую в блоге на Blogspot. вот так это выглядит: http://aplgo.blogspo...013/04/alt.html после слов "Компоненты ALT".
Помогите внедрить скрипт спойлера в магазин на страницу описания товара. я пробовала делать примерно, как в блоггере - не получилось. не знаю в какое место правильно вставить коды.
Да, картинка и сами файлы скриптов у меня лежат на Dropbox. ссылки, соответствующие в коде.
В общем, понятно, что вставлять надо в файлы HTML и main.css, но куда? Вот сами коды:
Код CCS
.bar { background: url('https://dl.dropboxusercontent.com/u/********/Scripts/spoiler-back.gif') no-repeat; border-radius: 3px ; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-left: 30px; color: #000; font-size: 14px; font-family: 'Arial', Arial, sans-serif; cursor: pointer; } .spoiler-hidden .bar { background-position: 0 0; } .spoiler, .spoiler-hidden .text { display: none; } .spoiler-visible .bar { background-position: 0 -20px; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; box-shadow: 0 0 1px 1px #9A2412; -webkit-box-shadow: 0 0 1px 1px #9A2412; -moz-box-shadow: 0 0 1px 1px #9A2412; } .spoiler-visible .text { display: visible; padding: 5px 1em 0; border: 1px solid #9A2412; border-top-width: 0; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; box-shadow: 1px 1px 1px #bbb; -webkit-box-shadow: 1px 1px 1px #bbb; -moz-box-shadow: 1px 1px 1px #bbb; }
Подключение скрипта
<script type='text/javascript'>WidgetSpoilerManager.setOption("defaultTitleText", "Подробнее");</script> <script src='https://dl.dropboxusercontent.com/u/********/Scripts/widget_spoiler.js' type='text/javascript'/>
Потом, при написании товара просто вставляется:
<div class="spoiler" title="заголовок спойлера">спрятанный текст</div>
И все должно работать.
Или, чтобы работало обязательно надо закачивать файлы со скриптом в админку магазина? если да, то подскажите, как будут тогда правильно выглядеть ссылки.
Спасибо!