Форма входа
Категории
| Шаблоны для uCoz [18] |
| Виды материалов [10] |
| Мини профили [7] |
| Мини чаты [8] |
| Виды комментариев [14] |
| Формы входа [3] |
| Информеры [33] |
| Украшения [16] |
| Меню сайта [5] |
| Кнопки [27] |
| Шапки сайта [3] |
| Медиа [19] |
| Переключатели [8] |
| Разное [65] |
| Формы поиска [9] |
| Скрипты [46] |
| Игры на сайт [6] |
| Аякс (Ajax) окна [1] |
| PHP скрипты [3] |
Материал
Главная » 2013 Март 23 » Кнопки поделиться в социальных сетях для юкоз
« Предидущий | ID: 147 | Следующий »
22:58 Кнопки поделиться в социальных сетях для юкоз |
 Новые, красивые кнопочки поделиться в соц сетях для сайтов юкоз предназначены для основной части страницы, а не для глобальных блоков, т.к. их много - 14 штук. Установка: Файлы архива закачайте в папку images файл менеджера. На страницу материала и комментариев, по месту ставим этот код: Код <center><noindex> <a href="http://www.facebook.com/sharer.php?u=$HOME_PAGE_LINK$$REQUEST_URI$&t=$ENTRY_NAME$" rel="nofollow" class="zakladka1" title="Рассказать в Facebook" target="_blank"></a> <a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$$REQUEST_URI$" class="zakladka2" rel="nofollow" title="Поделиться В контакте" target="_blank"></a> <a href="http://twitter.com/share?text=$ENTRY_NAME$&url=$HOME_PAGE_LINK$$REQUEST_URI$" rel="nofollow" class="zakladka3" title="Твитнуть" target="_blank"></a> <a href="http://www.friendfeed.com/share?title=$ENTRY_NAME$ - $HOME_PAGE_LINK$$REQUEST_URI$" rel="nofollow" class="zakladka4" title="Плделиться в Friendfeed" target="_blank"></a> <a href="http://connect.mail.ru/share?url=$HOME_PAGE_LINK$$REQUEST_URI$&title=$ENTRY_NAME$" class="zakladka5" rel="nofollow" title="Поделиться в Mail" target="_blank"></a> <a href="http://memori.ru/link/?sm=1&u_data[url]=$HOME_PAGE_LINK$$REQUEST_URI$&u_data[name]=$ENTRY_NAME$" rel="nofollow" class="zakladka6" title="Добавить в Memori" target="_blank"></a> <a href="$RSS_LINK$" rel="nofollow" class="zakladka7" title="Подписаться на Rss ленту" target="_blank"></a> <a href="http://www.livejournal.com/update.bml?event=$HOME_PAGE_LINK$$REQUEST_URI$&subject=$ENTRY_NAME$" rel="nofollow" class="zakladka8" title="Поделиться в Жж" target="_blank"></a> <a href="http://delicious.com/save?url=$HOME_PAGE_LINK$$REQUEST_URI$&title=$ENTRY_NAME$" rel="nofollow" class="zakladka9" title="Добавить в Delicious" target="_blank"></a> <a href="http://bobrdobr.ru/add.html?url=$HOME_PAGE_LINK$$REQUEST_URI$&title=$ENTRY_NAME$" rel="nofollow" class="zakladka10" title="Поделиться в Бобрдобр" target="_blank"></a> <a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=$HOME_PAGE_LINK$$REQUEST_URI$&title=$ENTRY_NAME$" rel="nofollow" class="zakladka11" title="Добавить в Google закладки" target="_blank"></a> <a href="http://zakladki.yandex.ru/newlink.xml?url=$HOME_PAGE_LINK$$REQUEST_URI$&name=$ENTRY_NAME$" rel="nofollow" class="zakladka12" title="Добавить в Яндекс закладки" target="_blank"></a> <a href="http://bookmarks.yahoo.com/toolbar/savebm?u=$HOME_PAGE_LINK$$REQUEST_URI$&t=$ENTRY_NAME$" rel="nofollow" class="zakladka13" title="Поделиться в Yahoo" target="_blank"></a> <a href="#" onclick="print();return false" rel="nofollow" class="zakladka14" title="Распечатать страницу" target="_blank"></a> </noindex></center><br><br> Ив css вот эти стили: Код .zakladka1 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -0px 0; } .zakladka1:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -0px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka2 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -32px 0} .zakladka2:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -32px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka3 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -64px 0} .zakladka3:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -64px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka4 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -96px 0} .zakladka4:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -96px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka5 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -128px 0} .zakladka5:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -128px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka6 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -160px 0} .zakladka6:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -160px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka7 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/rss.png) -0px 0} .zakladka7:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/rss.png) -0px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka8 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -224px 0} .zakladka8:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -224px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka9 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -256px 0} .zakladka9:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -256px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka10 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -288px 0} .zakladka10:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -288px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka11 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -320px 0} .zakladka11:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -320px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka12 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -352px 0} .zakladka12:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -352px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka13 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -384px 0} .zakladka13:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -384px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} .zakladka14 {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -416px 0} .zakladka14:hover {display:inline-block;width:32px;height:32px;margin:0 2px 0 0;background:url(/images/icons.png) -416px 0; border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(0, 0, 0, 0.08);} |
| Всего комментариев: 3 | ||||
| ||||
