Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

код

Предыдущая тема Следующая тема Перейти вниз

код

Сообщение автор Damar в Сб 15 Сен - 21:02

День добрый.

Помогите добыть код этой кнопки та что с боку и куда вставлять её?

вот сайт http://www.odorgone.ru/catalog/


Damar
 

Сообщения : 122
Регистрация : 2011-07-31
Благодарности : 0

Без предупреждений

http://gr-team.forumy.eu/

Вернуться к началу Перейти вниз

Re: код

Сообщение автор Ilya в Сб 15 Сен - 22:42

ПА - Оформление - Шаблоны - overall_header

после тега:
Код:
<head>

Вставляйте

Код:
 <style type="text/css" media="screen">
    #slideout {
              z-index: 194;
              position: fixed;
              top: 100px;
              right: 0;
              width: 26px;
              padding: 15px 0;
              text-align: center;
              background-image: url(ССЫЛКА НА КАРТИНКУ - КНОПКА);
              -webkit-transition-duration: 0.3s;
              -moz-transition-duration: 0.3s;
              -o-transition-duration: 0.3s;
              transition-duration: 0.3s;
              -webkit-border-radius: 15px 15px 15px 15px;
              -moz-border-radius: 15px 15px 15px 15px;
              border-radius: 15px 15px 15px 15px;
              }
    #slideout_inner {
              z-index: 240;
              color: #000000;
              position: fixed;
              top: 110px;
              right: -250px;
              background-image: url(ССЫКА НА КАРТИНКУ - ФОН КНОПКИ);
              width: 200px;
              padding: 15px;
              max-height: 500px;
              -webkit-transition-duration: 0.3s;
              -moz-transition-duration: 0.3s;
              -o-transition-duration: 0.3s;
              transition-duration: 0.3s;
              text-align: left;
              -webkit-border-radius: 0 0 05px;
              -moz-border-radius: 0 0 0 5px;
              border-radius: 0 0 0 5px;
              }
    #slideout_inner textarea {
              width: 200px;
              height: 100px;
              margin-bottom: 6px;
              }
    #slideout:hover {
              right: 230px;
              }
    #slideout:hover #slideout_inner {
              right: 0;
              }
    </style>

    <div id="slideout">
    <img src="http://10pix.ru/img1/4348/8290608.png">
    <div id="slideout_inner"><center>
    <center><b>Кнопка</b>
    </center>
    Содержание
 
    </center>

    <br>
      </div>
    </div>
    </div>

Пример: http://ilyates.ukrainianforum.net/forum


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Мужчина

Сообщения : 3051
Возраст : 20
Регистрация : 2011-10-29
Благодарности : 1455

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения