Социальных закладок для ucoz сайта
В нужное место ставим
Код
<div class="news_btn" align="center">
<div class="vk_btn"><a href="http://connect.mail.ru/share?url=http://stock-exchange.ucoz.com" target="_blank"><span><img src="http://stock-exchange.ucoz.com/demo/mail.png" title="$SITE_NAME$" alt="Mail.ru" />Мне нравится</span></a></div>
<div class="vk_btn"><a href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=http://stock-exchange.ucoz.com" target="_blank"><span><img src="http://stock-exchange.ucoz.com/demo/od.png" title="Поделиться с друзьями на Одноклассниках $SITE_NAME$!" alt="Одноклассники" />Мне нравится</span></a></div>
<div class="vk_btn"><a href="http://vk.com/share.php?url=http://stock-exchange.ucoz.com" target="_blank"><span><img src="http://stock-exchange.ucoz.com/demo/vk.png" title="Мне нравится новость: $SITE_NAME$!" alt="Вконтакте" />Мне нравится</span></a></div>
<div class="vk_btn"><a href="https://www.facebook.com/sharer.php?u=http://stock-exchange.ucoz.com" target="_blank"><span><img src="http://stock-exchange.ucoz.com/demo/fb.png" title="Поделиться новостью в Facebook" alt="Я.ру" />Мне нравится</span></a></div>
<div class="vk_btn"><a href="http://twitter.com/share" target="_blank"><span><img src="http://stock-exchange.ucoz.com/demo/tw.png" title="Твиттнуть" alt="Google" />Твиттнуть</span></a></div>
</div>
<div class="clr"></div>
</div>
<div class="vk_btn"><a href="http://connect.mail.ru/share?url=http://stock-exchange.ucoz.com" target="_blank"><span><img src="http://stock-exchange.ucoz.com/demo/mail.png" title="$SITE_NAME$" alt="Mail.ru" />Мне нравится</span></a></div>
<div class="vk_btn"><a href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=http://stock-exchange.ucoz.com" target="_blank"><span><img src="http://stock-exchange.ucoz.com/demo/od.png" title="Поделиться с друзьями на Одноклассниках $SITE_NAME$!" alt="Одноклассники" />Мне нравится</span></a></div>
<div class="vk_btn"><a href="http://vk.com/share.php?url=http://stock-exchange.ucoz.com" target="_blank"><span><img src="http://stock-exchange.ucoz.com/demo/vk.png" title="Мне нравится новость: $SITE_NAME$!" alt="Вконтакте" />Мне нравится</span></a></div>
<div class="vk_btn"><a href="https://www.facebook.com/sharer.php?u=http://stock-exchange.ucoz.com" target="_blank"><span><img src="http://stock-exchange.ucoz.com/demo/fb.png" title="Поделиться новостью в Facebook" alt="Я.ру" />Мне нравится</span></a></div>
<div class="vk_btn"><a href="http://twitter.com/share" target="_blank"><span><img src="http://stock-exchange.ucoz.com/demo/tw.png" title="Твиттнуть" alt="Google" />Твиттнуть</span></a></div>
</div>
<div class="clr"></div>
</div>
и в таблицу стилей css
Код
/* Социальные закладки */
.news_btn {overflow:hidden; clear:both; margin:5px 0 0 0;}
.vk_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.vk_btn a {color:#2b5e81;}
.tw_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0; }
.tw_btn a {color:#2b5e81;}
.ya_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.ya_btn a span:first-letter {color:#2b5e81;}
.google_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.google_btn a {color:#2b5e81;}
.code_btn {font-size:11px; display:block; float:right;}
.code_btn a {color:#72990e;}
.news_btn a, .news_btn a span {float:left; max-width:290px; overflow:hidden; height:30px; padding: 0 0 0 5px; background: url('http://stock-exchange.ucoz.com/demo/soc_btn.png') no-repeat; }
.news_btn a span {display:block; line-height:27px; padding: 0 8px 0 0; background-position: 100% 100%;}
.news_btn a span img {vertical-align:middle; margin:0 5px 0 0;}
.news_btn a:hover {text-decoration:none;}
/*----------------------*/
.news_btn {overflow:hidden; clear:both; margin:5px 0 0 0;}
.vk_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.vk_btn a {color:#2b5e81;}
.tw_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0; }
.tw_btn a {color:#2b5e81;}
.ya_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.ya_btn a span:first-letter {color:#2b5e81;}
.google_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.google_btn a {color:#2b5e81;}
.code_btn {font-size:11px; display:block; float:right;}
.code_btn a {color:#72990e;}
.news_btn a, .news_btn a span {float:left; max-width:290px; overflow:hidden; height:30px; padding: 0 0 0 5px; background: url('http://stock-exchange.ucoz.com/demo/soc_btn.png') no-repeat; }
.news_btn a span {display:block; line-height:27px; padding: 0 8px 0 0; background-position: 100% 100%;}
.news_btn a span img {vertical-align:middle; margin:0 5px 0 0;}
.news_btn a:hover {text-decoration:none;}
/*----------------------*/
Категория:
Кнопки для uCoz
Просмотров:
1250