Страница 1 из 11
Форум про uCoz » Создание сайта на uCoz » Другие скрипты для uCoz » Скрипт красивые соц.сети для uCoz
Скрипт красивые соц.сети для uCoz
Delete
Дата: Среда, 22.08.2012, 20:51 | Сообщение # 1
Проверенные
Сообщений:1076
Награды: 7


Отлично создан по своему дизайн кнопки поделиться в социальные сети для сайта. Где представлено несколько кнопок по их размеру, что можно выбрать для своего интернет ресурса. На всех расположен свой логотип, даже от гугл уже новый прописан. Если говорить о тематике, то здесь больше думаю сказать, что на светлый дизайн они подойдут, хотя на темный не исключаю.



Установка:

Скачиваем архив с нашего сайта и папку likely загружаете в свой файловый менджер

Добавьте в элемент head на странице:

Код
<script src="/likely/likely.js"></script>
<link rel="stylesheet" href="/likely/likely.css">


Большие светлые:

Код
<div class="likely likely-big">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>
<div class="pinterest">Запинить</div>
</div>


Средние светлые:

Код
<div class="likely">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>
<div class="pinterest">Запинить</div>
</div>

Маленькие светлые:

Код
<div class="likely likely-small">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>
<div class="pinterest">Запинить</div>
</div>

Большие прозрачные (для темных дизайнов):

Код
<div class="likely likely-small likely-light">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>
<div class="pinterest">Запинить</div>
</div>

Средние прозрачные (для темных дизайнов):

Код
<div class="likely likely-light">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>            
<div class="pinterest">Запинить</div>
</div>


Маленькие прозрачные (для темных дизайнов):

Код
<div class="likely likely-big likely-light">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>
<div class="pinterest">Запинить</div>
</div>


Настройка:

Класс маленьких кнопок:
Код
class="likely likely-small"


Класс средних кнопок:
Код
class="likely likely-light"


Класс больших кнопок:
Код
class="likely likely-big"


Параметры у основного элемента:

Название страницы, которое должно попасть в соц.сети. По умолчанию — title страницы.
Код
data-title="Лайкли: социокнопки, которые не стыдно поставить"


У элемента Твиттера:

Код
data-via="WebMaster-uCoz"

Какой аккаунт упомянуть в твите. Поменяйте мой на свой :-)

У элемента Пинтереса дописываете код:

Код
data-media="i/pinnable.jpg"

Картинка, которая должна попасть в Пинтерес.

Для того, чтобы в Фейсбук попадала конкретная, а не случайная картинка, используйте такой тег внутри элемента head:
Код
<meta property="og:image" content="path/to/image" />
Прикрепления: 2876024.png(29Kb) · ASlikely.rar(8Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Дата: Среда, 22.08.2012, 21:58 | Сообщение # 2
Администраторы
Сообщений:15028
Награды: 49


Красиво будит смотреться на сайтах с синим оттенком surprised
Страна: (RU)
Delete
Дата: Среда, 22.08.2012, 22:32 | Сообщение # 3
Проверенные
Сообщений:1076
Награды: 7


при наводе на него сайт затемняется это видно на скрине...

На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Дата: Среда, 22.08.2012, 22:44 | Сообщение # 4
Администраторы
Сообщений:15028
Награды: 49


Йа ставил под вид этого, потом убрал, для каго то это необходимо что б все под рукой было, мне как то не пригодился. dry
Страна: (RU)
borovik
Дата: Суббота, 24.12.2016, 23:01 | Сообщение # 5
Пользователи
Сообщений:2
Награды: 0


Скрипт не рабочий, так как http://cstav.ru уже нет.
Страна: (RU)
ZruBkul
Дата: Воскресенье, 25.12.2016, 00:17 | Сообщение # 6
Пользователи
Сообщений:31
Награды: 0


Ссылка битая, но можно найти нормальную.
Страна: (RU)
Kosten
Дата: Воскресенье, 25.12.2016, 01:27 | Сообщение # 7
Администраторы
Сообщений:15028
Награды: 49


Изменил на другой материал, немного другой, но те же социальные кнопки.
Страна: (RU)
Kolinkor
Дата: Воскресенье, 25.12.2016, 01:37 | Сообщение # 8
Vip
Сообщений:302
Награды: 1


Этот скрипт больше чем остальных подгружает сайт в комментариях на писано.
Страна: (RU)
Форум про uCoz » Создание сайта на uCoz » Другие скрипты для uCoz » Скрипт красивые соц.сети для uCoz
Страница 1 из 11
Поиск: