• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Скрипт красивые соц.сети для uCoz
Скрипт красивые соц.сети для uCoz
Delete
Среда, 22 Августа 2012 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1079
Награды: 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 (28.5 Kb) · ASlikely.rar (7.9 Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Среда, 22 Августа 2012 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Красиво будит смотреться на сайтах с синим оттенком surprised
Страна: (RU)
Delete
Среда, 22 Августа 2012 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1079
Награды: 7
при наводе на него сайт затемняется это видно на скрине...

На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Среда, 22 Августа 2012 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Йа ставил под вид этого, потом убрал, для каго то это необходимо что б все под рукой было, мне как то не пригодился. dry
Страна: (RU)
borovik
Суббота, 24 Декабря 2016 | Сообщение 5
Оффлайн
Пользователи
Сообщений:5
Награды: 0
Скрипт не рабочий, так как http://cstav.ru уже нет.
Страна: (RU)
ZruBkul
Воскресенье, 25 Декабря 2016 | Сообщение 6
Оффлайн
Пользователи
Сообщений:31
Награды: 0
Ссылка битая, но можно найти нормальную.
Страна: (RU)
Kosten
Воскресенье, 25 Декабря 2016 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Изменил на другой материал, немного другой, но те же социальные кнопки.
Страна: (RU)
Kolinkor
Воскресенье, 25 Декабря 2016 | Сообщение 8
Оффлайн
Vip
Сообщений:306
Награды: 1
Этот скрипт больше чем остальных подгружает сайт в комментариях на писано.
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Скрипт красивые соц.сети для uCoz
  • Страница 1 из 1
  • 1
Поиск: