Форум Ленточный вариант форума Поиск RSS Подать идею
  • Страница 1 из 1
  • 1
Модератор форума: neok  
Форум » Ucoz » Скрипты Ucoz » Получить ссылку и посоветовать другу - скрипт для uCoz (Всем доброго времени суток, сегодня мы будем устанавливать)
Получить ссылку и посоветовать другу - скрипт для uCoz
neok
Дата: Вторник, 18.03.2014, 18:00 | Сообщение # 1
Admin сайта Neok
Администраторы
Сообщения: «347»
Награды: «1» +
Замечания: «» +
Страна: Украина
«7»

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

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

В начало вашей страницы сайта перед тегом установим следующий скрипт:

Код
<script src="/js/uzer_link.js" type="text/javascript"></script>


скрипт занимает всего 10 строчек и будет отвечать за плавное появление и закрытие контейнера div с нужной информацией:

Код
<script type="text/javascript">  
   $(document).ready(function() {   
   $('.share_button').click(function(){   
   $('#center_dm_ru_load').fadeIn();   
   });   
   });   
   $(document).ready(function(){   
   $('.close').click(function(){   
   $('#center_dm_ru_load').fadeOut();   
   });   
});  
</script>


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

Теперь заходим в админ панель вашего сайта => Дизайн => Управление дизайном => Новости сайта => Страница материала и комментариев к нему и устанавливаем в нужное место следующий html код:

Код
<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:

Код
/* Получить ссылку и посоветовать другу */   
#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, следует активировать модуль Почтовые формы, в которых выбираем функцию "Посоветовать другу" и там создаём данную форму...

На этом всё, спасибо за внимание!

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


Смотреть Прикрепления

Админ этого сайта. Лежать стоять оп оп БАН!

Сообщение отредактировал
[ (UA) ]
Форум » Ucoz » Скрипты Ucoz » Получить ссылку и посоветовать другу - скрипт для uCoz (Всем доброго времени суток, сегодня мы будем устанавливать)
  • Страница 1 из 1
  • 1
Поиск:
[ Отметить все сообщения прочитанными ]



Хостинг от uCozЯндекс.Метрика