• Регистрация
  • Вход
MENU
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Обо всём » Собираем скрипты » Кнопки закладок 3D
Кнопки закладок 3D
artnovДата: Суббота, 26.04.2014, 22:54 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 149
Награды: 0
Репутация: 0
Статус: Offline

Код
<link href="http://www.novickiy.ru/JS/dock.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.novickiy.ru/JS/interface.js"></script>
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="http://www.facebook.com/sharer.php?u=$HOME_PAGE_LINK$"nofollow" target="_blank">
<img src="http://www.novickiy.ru/zakladki/facebook.png" alt="Facebook" />
<span>Facebook</span>
</a>
<a class="dock-item" href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$"nofollow" target="_blank">
<img src="http://www.novickiy.ru/zakladki/vbutton.png" alt="Вконтакте" />
<span>Вконтакте</span>
</a>
   <a class="dock-item"href=" http://twitter.com/share?text=$SITE_NAME$&url=$HOME_PAGE_LINK$"nofollow" target="_blank">
<img src="http://www.novickiy.ru/zakladki/twitter.png" alt="Twitter" />
<span>Twitter</span>
</a>
   <a class="dock-item"href=" http://connect.mail.ru/share?share_url" rel="nofollow" target="_blank">
<img src="http://www.novickiy.ru/zakladki/mmbutton.png" alt="Мой Мир" />
<span>Мой Мир</span>
</a>
   <a class="dock-item"href=" http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=$HOME_PAGE_LINK$" target="_blank">
<img src="http://www.novickiy.ru/zakladki/okbutton.png" alt="Одноклассники" />
<span>Одноклассники</span>
</a>
   <a class="dock-item" href="http://www.google.com/bookmarks/mark?op=add&bkmk=$HOME_PAGE_LINK$&title=$SITE_NAME$" rel="nofollow" target="_blank">
<img src="http://www.novickiy.ru/zakladki/gbutton.png" alt="Google" />
<span>Google</span>
</a>
   <a class="dock-item" href="http://share.yandex.ru/go.xml?service=yaru&url=$HOME_PAGE_LINK$&title=$SITE_NAME$" rel="nofollow" target="_blank">
<img src="http://www.novickiy.ru/zakladki/ybutton.png" alt="Яндекс" />
<span>Яндекс</span>
</a>
     
<a class="dock-item" href="http://www.novickiy.ru/news/knopki_soczakladok/2014-04-26-440" rel="nofollow" target="_blank">
<img src="http://www.novickiy.ru/_ld/0/23220516.gif" alt="Код закладок" />
<span>Код закладок</span>
</a>

</div>
</div>
<script type="text/javascript">
$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 80,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 30,
proximity: 50,
halign : 'center'
}
)
}
);
</script>
Для uCoz
 


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Artnov
 
artnovДата: Воскресенье, 27.04.2014, 19:42 | Сообщение # 2
Начальник сайта
Группа: Администраторы
Сообщений: 149
Награды: 0
Репутация: 0
Статус: Offline
Вот ещё - вставляется в левый край сайта вертикально
Установка:

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; }

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

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

<a target="blank_" href="http://cobra.lv/go?http://twitter.com/share?text=$SITE_NAME$&url=$_PAGE_LINK$"><img title="Перейти на сайт" src="http://www.novickiy.ru/zakladki/mal/tv.png"></a>
<a target="blank_" href="http://bestnews.lv/go?http://vkontakte.ru/share.php?url=$_PAGE_LINK$"><img title="Перейти на сайт" src="http://www.novickiy.ru/zakladki/mal/vk.png"></a>
<a target="blank_" href="http://scripts-for-ucoz.ru/go?http://www.facebook.com/sharer.php?u=$_PAGE_LINK$"><img title="Перейти на сайт" src="http://www.novickiy.ru/zakladki/mal/f.png"></a>
<a target="blank" href="http://bestnews.lv/go?http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=$_PAGE_LINK$">
<img src="http://www.novickiy.ru/zakladki/mal/ok.png" width="32" align="absmiddle" border="0" alt="" /></a>
<a target="blank_" href="http://www.novickiy.ru/photo/rss/"><img src="http://www.novickiy.ru/zakladki/mal/RSS.png"></a>  
<a target="blank_" href="http://www.novickiy.ru/forum/5-106-1">
<img title="Код HTML  панели закладок" src="http://www.novickiy.ru/zakladki/mal/kod.png"></a></div>
</div>

Для uCoz
 


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Artnov
 
artnovДата: Воскресенье, 27.04.2014, 22:47 | Сообщение # 3
Начальник сайта
Группа: Администраторы
Сообщений: 149
Награды: 0
Репутация: 0
Статус: Offline

Код
<script type="text/javascript">(function() {
   if (window.pluso)if (typeof window.pluso.start == "function") return;
   if (window.ifpluso==undefined) { window.ifpluso = 1;
     var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
     s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
     s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
     var h=d[g]('body')[0];
     h.appendChild(s);
   }})();</script>
<div class="pluso" data-background="none;" data-options="medium,square,line,horizontal,counter,sepcounter=1,theme=14" data-services="facebook,twitter,vkontakte,odnoklassniki,google,liveinternet,moimir,evernote,googlebookmark,livejournal,memori,yahoo,myspace, bobrdobr,vkrugu,bookmark,moikrug,moemesto,yandex,yazakladki,misterwong,friendfeed,blogger,email"></div>
 


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Artnov
 
artnovДата: Воскресенье, 27.04.2014, 22:57 | Сообщение # 4
Начальник сайта
Группа: Администраторы
Сообщений: 149
Награды: 0
Репутация: 0
Статус: Offline

Код
<script type="text/javascript">(function() {
   if (window.pluso)if (typeof window.pluso.start == "function") return;
   if (window.ifpluso==undefined) { window.ifpluso = 1;
     var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
     s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
     s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
     var h=d[g]('body')[0];
     h.appendChild(s);
   }})();</script>
<div data-title="Картины для интерьера" class="pluso" data-background="transparent" data-options="medium,square,multiline,vertical,nocounter,theme=03" data-services="facebook,twitter,vkontakte,odnoklassniki,google,liveinternet,moimir,evernote,googlebookmark,livejournal,memori,yahoo,myspace, bobrdobr,vkrugu,bookmark,moikrug,moemesto,yandex,yazakladki,misterwong,friendfeed,blogger,email"></div>
 


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Artnov
 
artnovДата: Воскресенье, 27.04.2014, 23:04 | Сообщение # 5
Начальник сайта
Группа: Администраторы
Сообщений: 149
Награды: 0
Репутация: 0
Статус: Offline

Код
<script type="text/javascript">(function() {
   if (window.pluso)if (typeof window.pluso.start == "function") return;
   if (window.ifpluso==undefined) { window.ifpluso = 1;
     var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
     s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
     s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
     var h=d[g]('body')[0];
     h.appendChild(s);
   }})();</script>
<div class="pluso" data-background="none;" data-options="big,square,line,horizontal,counter,sepcounter=1,theme=14" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,blogger,yazakladki,liveinternet,evernote"></div>
 


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Artnov
 
Форум » Обо всём » Собираем скрипты » Кнопки закладок 3D
Страница 1 из 11
Поиск: