Наш опрос
Какая операционной системой вы пользуетесь?
Всего ответов: 62
Случайный анекдот
116 Сидят в одной камере зоофил, педофил, некрофил и экстримал: - Сейчас бы котёночка... - ..маленького... - ..мёртвого... - мяяяу.
Статистика
Онлайн всего: 3
Гостей: 3
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3476
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3296

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



Эти кнопки кнопки соц закладок - переделанные (уменьшенные) кнопки прошлого материала, они были размером 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);}


Html редактор
Автор: Prosvetekvator
Просмотров: 8834
24.03.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Уменьшенные кнопки соц закладок След. »


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022