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


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


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


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

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


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


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


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


Изменил на другой материал, немного другой, но те же социальные кнопки.
Brung
Дата: Воскресенье, 25.12.2016, 01:37 | Сообщение # 8
Пользователи
Сообщений:152
Награды: 0


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