Заходите к нам с нового домена - uCoz.co.ua
Total users: 3516

Навигация

New-Info это:
Большой сборник скриптов, шаблонов, меню, макетов для uCoz. Проект New-Info.uCoz.Net не требует от Вас регистрации для скачивание файлов. Также большая часть загружена на наш сервер - это даст возможность скачивать в один клик.

Поиск


Форма входа

Популярные теги

Профиль

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Проверка тИЦ и PR

скачать моды
Получить ссылку и посоветовать другу для uCoz
Категория: Скрипты / Дата добавления материала: 17.12.2011, 15:47

Сегодня мы будем устанавливать на страницу материала и комментариев к нему, скрипт который будет скрывать функцию получить ссылки на материал и кнопку посоветовать другу.

Шаг 1 - установим JS:

В начало вашей страницы сайта перед тегом установим следующий скрипт:
Code
<script type="text/javascript" src="http://new-info.ucoz.net/imghost/c-dm/uzer_link.js"></script>


скрипт занимает всего 10 строчек и будет отвечать за плавное появление и закрытие контейнера div с нужной информацией:
Code
$(document).ready(function() {  
  $('.share_button').click(function(){
  $('#center_dm_ru_load').fadeIn();
  });  
  });
$(document).ready(function(){
  $('.close').click(function(){
  $('#center_dm_ru_load').fadeOut();
  });  
});


Шаг 2 - установим HTML:

Теперь заходим в админ панель вашего сайта => Дизайн => Управление дизайном => Новости сайта => Страница материала и комментариев к нему и устанавливаем в нужное место следующий html код:
Code
<div id="cell_share">
  <button type="button" class="share_button" onclick=";return false;" id="like" ><span>Получить ссылку</span></button>
  <div id="center_dm_ru_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>


Шаг 3 - установим CSS:

теперь нам осталось прописать основные css стили, в которых вам следует изменить параметр width, который будет отвечать за ширину данного контейнера, в данном примере ширина 600px;
Code
/* Получить ссылку и посоветовать другу */
#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;  
}

#center_dm_ru_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;
}


Примечание:

Для того, чтобы активировать функцию посоветовать другу на вашем сайте uCoz, следует активировать модуль Почтовые формы, в которых выбираем функцию "Посоветовать другу" и там создаём данную форму...


Полезный материал ? Посетите сайт автора: http://center-dm.ru
Просмотров: 495 | Загрузок: 0 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

New-Info.uCoz.Net / uCoz.co.ua © 2025
Хостинг от uCoz