Хороший скрипт ucoz посоветовать другу. Думаю вы видели на некоторых сайтах, на сайтах ucoz редко встретишь, так как этот скрипт был под другую систему. Теперь есть и под систему 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;
}
