Кнопки для быстрого ответа.

автор Андрей2013 Июнь 22nd 2013, 18:53

Данна, а мне можно сделать кнопки для быстрого перехода к серверам: Майлру, гугл, контакт

автор **Dana Domirani** Июнь 22nd 2013, 19:38

Андрей2013, читайте тему https://help.forum2x2.ru/t33139-topic

Там дан скрипт и образцы кнопок. По их шаблону можно делать ссылки на любой сервис.

автор Андрей2013 Июнь 23rd 2013, 20:18

А ты Данна можешь мне вновь их сделать, а то для меня это вызывает трудность.

Заранее спасибо.

И когда уже быстрая цитата сделана?

автор **Dana Domirani** Июнь 23rd 2013, 21:30

Извините, но я уже не помню, какие кнопки Вам делала.
Какие именно ссылки нужны? Просто на сервисы (Майлру, гугл, контакт) или на конкретные их страницы?

автор Андрей2013 Июнь 23rd 2013, 22:23

Майлру, гугл, контакт и ютуб. Просто на серверы.

автор **Dana Domirani** Июнь 24th 2013, 09:02

1) Создаете на главной странице виджет (все подробности включения колонки виджетов, создания и маскировки (только если надо!) виджетов тут)

Добавляете в него код:

Код:: <div style="display:none"><div id="dopknop"> Быстрый переход к сервисам: <a href="http://mail.ru/?from=logout" target="_blank"><img src="http://i81.servimg.com/u/f81/16/54/26/99/mail_r11.png" alt="Зайти на Mail Ru" title="Зайти на Mail Ru" /></a> <a href="https://www.google.ru/" target="_blank"><img src="http://i81.servimg.com/u/f81/16/54/26/99/google10.png" alt="Google" title="Google" /></a> <a href="http://vk.com/" target="_blank"><img src="http://i81.servimg.com/u/f81/16/54/26/99/vk_210.png" alt="Вконтакте" title="Вконтакте" /></a> <a href="http://www.youtube.com" target="_blank"><img src="http://i81.servimg.com/u/f81/16/54/26/99/youtub11.png" alt="Видео на YouTube" title="Видео на YouTube" /></a> </div></div> <style type="text/css"> #dopknop { width: 700px; height: 46px; line-height: 46px; background: #ddd url(http://i79.servimg.com/u/f79/17/37/83/89/image_31.jpg) top left repeat-x; border-bottom: 1px solid #AAA; border-top: 1px solid EAEAEA; border-radius: 3px; margin: 0 auto 5px; text-align: center; } #dopknop a { margin: 0 2px; opacity: 0.40; filter: alpha(opacity = 40); } #dopknop a:hover { margin: 0 2px; opacity: 1; filter: alpha(opacity = 100); } #dopknop img { vertical-align: middle; width: 32px; height: 32px; } </style>

2) В ПА > Модули > Управление кодами JS указываете Активировать управление кодами Javascript : Да и JS создаете новый файл —
Название : любое
Расположение : на всех страницах
Код :

Код:: jQuery(document).ready(function(){ jQuery("#text_editor_textarea").before(jQuery("#dopknop")); });

и сохраните.

3) Факультативно можно замаскировать стандартную кнопку "Разместить изображение" Кнопки для быстрого ответа. Image_33

, добавив в CSS:

Код:: .sceditor-button.sceditor-button-servimg { display: none !important; }

P.S. кнопки я Вам уже установила, проверяйте.

автор **Dana Domirani** Июнь 25th 2013, 07:25

Здравствуйте,
Пожалуйста, сообщите нам, решена ли ваша проблема.

Если проблема решена, поставьте, пожалуйста, иконку
Если проблема по-прежнему актуальна, пожалуйста, дайте нам дополнительную информацию или просто «поднимите» тему, написав несколько слов