Форум

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1 1
Модератор форума: Digefal

Форум » Web » Скрипты ucoz(stalker) » Скрипт "Получить ссылку и посоветовать другу" (Не забудте про +)

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

Odino4ka

Дата: Понедельник, 19.12.2011, 15:26 | Сообщение # 1

Лидер Нейтралов

Сообщений: 65

Награды: 3

Репутация: 80

Статус:

Установка:

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

Code

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

Хочешь проблем??Обращайся!