in.uCoz.org PDA design by Prosvetekvator
 
 
Форма входа

Старая форма входа
 
 
 
 
Категории
Шаблоны для uCoz [18]
Виды материалов [10]
Мини профили [7]
Мини чаты [8]
Виды комментариев [14]
Формы входа [3]
Информеры [33]
Украшения [16]
Меню сайта [5]
Кнопки [27]
Шапки сайта [3]
Медиа [19]
Переключатели [8]
Разное [65]
Формы поиска [9]
Скрипты [46]
Игры на сайт [6]
Аякс (Ajax) окна [1]
PHP скрипты [3]
 
 
 
 
Материал
Главная » 2013 » Март » 24 » Уменьшенные кнопки соц закладок
« Предидущий | ID: 148 | Следующий »

12:50
Уменьшенные кнопки соц закладок


Эти кнопки кнопки соц закладок - переделанные (уменьшенные) кнопки прошлого материала, они были размером 32х32 а стали 20х20px. тут уж кому какие подойдут по ширине сайта))))

Установка:
На странице материала и комментариев по месту ставим:
Код
<center><noindex>  
<a href="http://www.facebook.com/sharer.php?u=$HOME_PAGE_LINK$$REQUEST_URI$&t=$FORUM_TITLE$" rel="nofollow" class="zakladka11" title="Рассказать в Facebook" target="_blank"></a>
<a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$$REQUEST_URI$" class="zakladka21" rel="nofollow" title="Поделиться В контакте" target="_blank"></a>
<a href="http://twitter.com/share?text=$FORUM_TITLE$&url=$HOME_PAGE_LINK$$REQUEST_URI$" rel="nofollow" class="zakladka31" title="Твитнуть" target="_blank"></a>
<a href="http://www.friendfeed.com/share?title=$FORUM_TITLE$ - $HOME_PAGE_LINK$$REQUEST_URI$" rel="nofollow" class="zakladka41" title="Плделиться в Friendfeed" target="_blank"></a>
<a href="http://connect.mail.ru/share?url=$HOME_PAGE_LINK$$REQUEST_URI$&title=$FORUM_TITLE$" class="zakladka51" 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]=$FORUM_TITLE$" rel="nofollow" class="zakladka61" title="Добавить в Memori" target="_blank"></a>
<a href="$RSS_LINK$" rel="nofollow" class="zakladka71" title="Подписаться на Rss ленту" target="_blank"></a>
<a href="http://www.livejournal.com/update.bml?event=$HOME_PAGE_LINK$$REQUEST_URI$&subject=$FORUM_TITLE$" rel="nofollow" class="zakladka81" title="Поделиться в Жж" target="_blank"></a>
<a href="http://delicious.com/save?url=$HOME_PAGE_LINK$$REQUEST_URI$&title=$FORUM_TITLE$" rel="nofollow" class="zakladka91" title="Добавить в Delicious" target="_blank"></a>
<a href="http://bobrdobr.ru/add.html?url=$HOME_PAGE_LINK$$REQUEST_URI$&title=$FORUM_TITLE$" rel="nofollow" class="zakladka101" title="Поделиться в Бобрдобр" target="_blank"></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=$HOME_PAGE_LINK$$REQUEST_URI$&title=$FORUM_TITLE$" rel="nofollow" class="zakladka111" title="Добавить в Google закладки" target="_blank"></a>
<a href="http://zakladki.yandex.ru/newlink.xml?url=$HOME_PAGE_LINK$$REQUEST_URI$&name=$FORUM_TITLE$" rel="nofollow" class="zakladka121" title="Добавить в Яндекс закладки" target="_blank"></a>
<a href="http://bookmarks.yahoo.com/toolbar/savebm?u=$HOME_PAGE_LINK$$REQUEST_URI$&t=$FORUM_TITLE$" rel="nofollow" class="zakladka131" title="Поделиться в Yahoo" target="_blank"></a>
<a href="#" onclick="print();return false" rel="nofollow" class="zakladka141" title="Распечатать страницу" target="_blank"></a>
</noindex></center>


А это в ксс стили:

Код
.zakladka11 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -0px 0; }
.zakladka11:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.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);}
.zakladka21 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -20px 0}
.zakladka21:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -20px 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);}
.zakladka31 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -40px 0}
.zakladka31:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -40px 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);}
.zakladka41 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -60px 0}
.zakladka41:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -60px 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);}
.zakladka51 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -80px 0}
.zakladka51:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -80px 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);}
.zakladka61 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -100px 0}
.zakladka61:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -100px 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);}
.zakladka71 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/rss2.png) -0px 0}
.zakladka71:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/rss2.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);}  
.zakladka81 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -140px 0}
.zakladka81:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -140px 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);}  
.zakladka91 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -160px 0}
.zakladka91:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.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);}  
.zakladka101 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -180px 0}
.zakladka101:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -180px 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);}
.zakladka111 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -200px 0}
.zakladka111:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -200px 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);}
.zakladka121 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -220px 0}
.zakladka121:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -220px 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);}
.zakladka131 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -240px 0}
.zakladka131:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -240px 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);}
.zakladka141 {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -260px 0}
.zakladka14:hover {display:inline-block;width:20px;height:20px;margin:0 2px 0 0;background:url(http://in.ucoz.org/images/icons2.png) -260px 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);}
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 
 
 
Статистика
Вверх | меню | пользователи
Онлайн всего: 10
Гостей: 10
Пользователей: 0
 
 
Полная версия сайта