Получить ссылку и посоветовать другу

Это скрипт кнопки, при клике на которую появляется окно в котором прописаны три варианта ссылок на материал плюс добавлена форма посоветовать материал другу через email.
Перво на перво создаем форму для этого перейдем в ПУ > Инструменты > Посоветовать другу, заполняйте так как вам угодно и запоминаем id формы, у меня он $ADVBT_1$.

Установка:
Файлы архива закачайте в папку sovet файл менеджера.
На странице материала в ПУ модуля новости сайта, где хотите видеть кнопку ставим код:

Код

<div id="cell_share">
  <button type="button" class="share_button" onclick=";return false;" id="like" ><span>Получить ссылку</span></button>
  <div id="load">
  $ADVBT_1$
  <div class="close">X</div>
  <div id="box_share_content">
  <div class="pole_title">Ссылка:</div><input class="pole_linc" type="text" value="$ENTRY_URL$" onclick="select(this);">
  <div class="pole_title">BB-код:</div><input class="pole_linc" type="text" value="[url=$ENTRY_URL$]$ENTRY_TITLE$[/url]" onclick="select(this);">
  <div class="pole_title">HTML-код:</div><input class="pole_linc" type="text" value="<a href='$ENTRY_URL$'>$ENTRY_TITLE$</a>" onclick="select(this);">
  </div>
  </div>
  </div>

Заменяем $ADVBT_1$ на свой номер формы.
Перед тегом ставим

Код

В ксс сохраняем этот код

Код

/* Получить ссылку и посоветовать другу */
  #cell_share {
  float:left;
  width:600px;
  }

  .share_button,
  .adviceButton {
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  padding:3px 5px!important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

  .share_button {
  float:right;
  color: #F2F2F2; text-shadow: 1px 1px 1px #555;
  background:#7B7B7B;
  border:1px solid #525252;
  margin-bottom: 10px;
  }

  .share_button:hover {
  background:#8e8e8e;
  }

  .adviceButton {
  float:left;
  color:#229125!important; text-shadow:1px 1px 1px #fff;
  background:#b7ebaf!important;
  border:1px solid #84c28b!important;
  }

  .adviceButton:hover {
  color:#226891!important;
  background:#afd5eb!important;
  border:1px solid #84ABC2!important;
  }

  .close {
  float:right;
  text-align:center;
  cursor:pointer;
  width:20px;
  font: 12px Verdana,Arial,Helvetica, sans-serif;
  color: #3a65a0; text-shadow: 1px 1px 1px #fff; font-weight: bold;
  border: 1px solid #ADBFCD;
  padding:2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  }

  .close:hover {
  background:#fff;
  }

  #load{
  display:none;
  overflow: hidden;
  width:570px;
  background:#F4F8F9;
  border: 1px solid #adbfcd;
  padding: 10px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

  #box_share_content {
  float:left;
  width:100%;
  }

  .pole_title {
  float:left;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  color: #40627c;
  width:80px;
  background:#deeaf4;
  border: 1px solid #adbfcd;
  border-right: none;
  padding: 3px 5px;
  margin-top: 10px;
  }

  .pole_linc {
  float:left;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  color: #555;
  width:467px;
  background:#fff!important;
  border: 1px solid #adbfcd!important;
  padding: 3px 5px!important;
  margin-top: 10px;
  }

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Вверх | меню | пользователи

Онлайн всего: 14

Гостей: 14

Пользователей: 0