вСкрипты для Юкоз

Скрипт ucoz посоветовать другу

 
Хороший скрипт ucoz посоветовать другу. Темный вид материалов как на сайте Game-Spot. Красивый и оригинальный вид под темный дизайн сайта. Смотрится на картинке красиво Теперь есть и под систему ucoz. Вы могли его наблюдать в страница сайта и комментариев на сайте.
Установка:
Первое что надо сделать это установить JS:
В начало вашей страницы сайта перед тегом установим следующий скрипт:

Код
<script type=»text/javascript» src=»http://zornet.ru/ZORNET/ckript_poluchiti_ccilki_i_sovetova-9SYYv.js»></script>

В страница материала и комментариев к нему и устанавливаем в нужное место вам место, как бывает это после материала что прописан на страницы, прописываем этот код:

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

Теперь надо прописать стили и изменить параметр width, который будет отвечать за ширину данного контейнера, в данном примере ширина 600px; Идем в CSS и прописываем стиль.

Код
/* Получить ссылку и посоветовать другу */  
  #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;  
  

источник: zornet.ru

Похожие посты