Кнопка закрыть

автор Леший Декабрь 20th 2012, 09:38

Здравствуйте . Подскажите пожалуйста , где в этом коде виджеты вставляется вторая картинка . Одна есть а вторую ни как не могу найти . Стал копаться в этом коде , оказывается , что это просто кусок большого изображения , сжатый до маленького уголка .
Подскажите пожалуйста знающие люди , как его подогнать под форум ,

Нужно вставить две картинки , открыть и закрыть . В этом виде кода при открытии изображение спрактически пропадает практически а при открытии закрывает часть виджета. Как поднять не пойму , весь код перебрал

Верхняя часть

Код:: <div id="forum-widget" style="height: 13px; width: 30px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #f5ebf7 url(http://i42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div>

Нижняя часть . Здесь место для вставки картинки не нашёл

Код:: <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>

Помогите пожалуйста flag

Так. Сама фоновая картинка кнопки
Кнопка закрыть Arrow_ltr

подразумевает, что обе кнопки находятся друг над другом, в одном графическом файле.

Стал копаться в этом коде , оказывается , что это просто кусок большого изображения , сжатый до маленького уголка

На самом деле это просто устарела ссылка на иконку открыть / закрыть pardon

Удалите вот это: http://oi42.tinypic.com/vg54yu.png
и замените на другое парное изображение кнопок.

автор Леший Декабрь 20th 2012, 12:20

То есть надо делать картинку одну над другой ??? Я правильно Вас понял ???

Да, как в туториале про анимированное меню.

Как поднять не пойму , весь код перебрал

Помнится, я на данном форуме поднимала кнопки. Делала это заменой в первом фрагменте кода

Код:: position: absolute;

на

Код:: position: relative; top: -3px;

автор Леший Декабрь 20th 2012, 12:36

Дана , Пожалуйста

Сделайте исправление в татуриале и дополнение как должна выглядеть картинка , я до четырёх утра с этим кодом возился , пытался наладить , а там просто ссылка не та

я уже в переводчик даже загонял код чтоб посмотреть что значат height и тд