21:39
3D кнопки на сайт

Вертикальные с левой стороны анимированные, фиксированные.

На социальные сети нужно обратить пристальное внимание, так как количество их пользователей растет с каждым днем, а это значит, что они могут быть посетителями Вашего сайта. вставляется в левый край сайта вертикально В виде 3D.
1Установка:

 В CSS сайта в самый верх копируем следующий код:

Код
/* Fixed Positioned AddThis Toolbox */
.addthis_toolbox {
position: fixed;
top: 30%;
left: -5px;
border: 1px solid #ddd;
padding: 5px 5px 4px;
width: 32px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.addthis_toolbox .custom_images a {
width: 32px;
height: 32px;
cursor: pointer;
}
.addthis_toolbox .custom_images a img { border: 0; margin: 2px 0; opacity: 0.6; }
.addthis_toolbox .custom_images a:hover img { margin: 2px 0; opacity: 1.0; }


Цветные квадратные
В нижнюю часть сайта в любое место копируем этот код:

 

Код
<div class="addthis_toolbox">
 <div class="custom_images">
 <a target="blank_" href="http://twitter.com/share?text=$SITE_NAME$&url=$_PAGE_LINK$"><img title="Перейти на сайт" src="http://www.novickiy.ru/cvetknop/T.png"></a>
 <script type="text/javascript" src="http://vk.com/js/api/share.js?90" charset="windows-1251"></script>
<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button({url: ""},{type: "custom", text: "<img src=\"http://www.novickiy.ru/cvetknop/V.png\" />"}));
--></script>
<a onClick="window.open('http://www.facebook.com/sharer.php?s=100&amp;p[title]=<?php echo $title;?>&amp;p[summary]=<?php echo $summary;?>&amp;p[url]=<?php echo $url; ?>&amp;p[images][0]=<?php echo $image;?>','sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)"><img title="Facebook" src="http://www.novickiy.ru/cvetknop/F.png" /></a>
 <a onclick="window.open('http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>', 'odkl', 'width=626, height=436'); return false;" rel="nofollow" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>"><img src="http://www.novickiy.ru/cvetknop/OK.png" title="Поделиться с друзьями в Одноклассниках"></a>
 <a onclick="window.open('http://www.google.com/bookmarks/mark?op=add&bkmk=$HOME_PAGE_LINK$&title=$SITE_NAME$', 'width=626, height=436'); return false;" rel="nofollow" >
<img title="Закладки Google" src="http://www.novickiy.ru/cvetknop/G.png" alt="Google"></a>
<a onclick="window.open('http://share.yandex.ru/go.xml?service=yaru&url=$HOME_PAGE_LINK$&title=$SITE_NAME$', 'yaru', 'width=626, height=436'); return false;" rel="nofollow" href="http://share.yandex.ru/go.xml?service=yaru&url=$HOME_PAGE_LINK$&title=$SITE_NAME$"><img src="http://www.novickiy.ru/cvetknop/yn.png" title="Поделиться с друзьями на Я.ру"></a>  
 <script src="http://www.novickiy.ru/cvetknop/3/fb1.js" type="text/javascript"></script></div>
 </div>


Овальные
В нижнюю часть сайта в любое место копируем этот код:

 

 

 

Код
<div class="addthis_toolbox">  
  <div class="custom_images">

  <a target="blank_" href="http://twitter.com/share?text=$SITE_NAME$&url=$_PAGE_LINK$"><img title="Перейти на сайт" src="http://www.novickiy.ru/cvetknop/zakl/t.png"></a>
   
   
  <script type="text/javascript" src="http://vk.com/js/api/share.js?90" charset="windows-1251"></script>

<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button({url: ""},{type: "custom", text: "<img src=\"http://www.novickiy.ru/cvetknop/zakl/vk.png" />"}));
--></script>
   
<a onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]=<?php echo $title;?>&p[summary]=<?php echo $summary;?>&p[url]=<?php echo $url; ?>&p[images][0]=<?php echo $image;?>','sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)">
  <img title="Facebook" src="http://www.novickiy.ru/cvetknop/zakl/f.png"></a><a onclick="window.open('http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>', 'odkl', 'width=626, height=436'); return false;" rel="nofollow" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>"><img src="http://www.novickiy.ru/cvetknop/zakl/ok.png" title="Поделиться с друзьями в Одноклассниках"></a>  

   
  <a onclick="window.open('http://www.google.com/bookmarks/mark?op=add&bkmk=$HOME_PAGE_LINK$&title=$SITE_NAME$', 'width=626, height=436'); return false;" rel="nofollow">
<img title="Закладки Google" src="http://www.novickiy.ru/cvetknop/zakl/g.png" alt="Google"></a>  

   
<a onclick="window.open('http://share.yandex.ru/go.xml?service=yaru&url=$HOME_PAGE_LINK$&title=$SITE_NAME$', 'yaru', 'width=626, height=436'); return false;" rel="nofollow" href="http://share.yandex.ru/go.xml?service=yaru&url=$HOME_PAGE_LINK$&title=$SITE_NAME$"><img src="http://www.novickiy.ru/cvetknop/zakl/y.png" title="Поделиться с друзьями на Я.ру"></a>  
   
<a target="blank_" href="http://www.novickiy.ru/photo/rss/"><img src="http://www.novickiy.ru/cvetknop/zakl/rss.png" title="Подписаться"></a>
   
   
   
  <script src="http://www.novickiy.ru/cvetknop/zakl/fb1.js" type="text/javascript"></script></div>
   
  <form accept-charset="UTF-8" action="https://advisor.wmtransfer.com/Spasibo.aspx" method="post" target="_blank" title="Передать $пасибо! нашему сайту"><input name="url" type="hidden" value="http://www.novickiy.ru" /><!-- укажите в value адрес Вашего сайта --> <input border="0" name="submit" src="//advisor.wmtransfer.com/img/Spasibo!.png" type="image" /> </form>

  </div>  
  </div>

 

Категория: Веб дизайн | Просмотров: 2282 | Добавил: artnov | Рейтинг: 4.2/5
Всего комментариев: 0
avatar