facebook twitter youtube
in Хостинг от UCOZ - 27 Авг, 2012
by - 4 comments
Красивые кнопки соц сетей для UCOZ

Красивые кнопки соц сетей  и RSS канала, причем при наведении на иконку оно становится больше.

Для установки  загрузите папку bubbleup в корень вашего сайте

Там где должны находится иконки вставим код

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>BubbleUp - This is not a demonstration</title>
<link rel="stylesheet" href="css/reset.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript" src="http://aext.net/example/bubbleup/jquery.bubbleup.js"></script>
<script type="text/javascript">
$(function(){

$("div#demo ul#menu li img").bubbleup({tooltip: true, scale:96});

});
</script>
</head>
<body>

<style type="text/css">
<!--

div#demo {
margin: 50px auto 50px auto;
text-align: center;
}

div#demo ul#menu {
margin: 5px 0px;
list-style: none;
display: inline-block;
}

div#demo ul#menu li {
padding: 0px;
float: left;
position: relative;
margin-left: 5px;
margin-right: 5px;
width: 48px;
height: 48px;
}

div#demo ul#menu li a {
position: absolute;
}

div#demo ul#menu li img {
position: absolute;
width: 48px;
top: 0px;
left: 0px;
padding: 0px;
margin: 0 8px 0 0;
border: none;
overflow: hidden;
}

-->
</style>
<div id="demo">
<ul id="menu">
<li> <a href="http://feeds2.feedburner.com/aextnet"><img src="http://big-torent.ru/bubbleup/css/images/feed.png" alt="Full RSS Feed"/></a> </li>
<li> <a href="http://feedburner.google.com/fb/a/mailverify?uri=aextnet&amp;loc=en_U"> <img src="http://big-torent.ru/bubbleup/css/images/email.png" alt="E-Mail Delivery"/></a> </li>
<li> <a href="http://twitter.com/aextnet"> <img src="http://big-torent.ru/bubbleup/css/images/twitter.png" alt="Follow us on Twitter"/></a> </li>
<li> <a href="http://facebook.com/aextnet"> <img src="http://big-torent.ru/bubbleup/css/images/facebook.png" alt="I'm on FaceBook"/></a> </li>
<li> <a href="http://delicious.com/save" onClick="window.open('http://delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url=http://aext.net&amp;title=AEXT.NET', 'delicious','toolbar=no,width=550,height=550'); return false;"> <img src="http://big-torent.ru/bubbleup/css/images/delicious.png" alt="Save it!"/></a> </li>
<li> <a href="http://technorati.com/faves?sub=addfavbtn&add=http://aext.net"> <img src="http://big-torent.ru/bubbleup/css/images/technorati.png" alt="Favorite this blog"/></a> </li>
</ul>
</div>
<div style="clear: both;"></div>
More script and css style
: <a href="/" title="HTML DRIVE - Free DHMTL Scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library">WEB </a>

</body>

В место aextnet вставляем свои ссылки, например

<li> <a href="http://twitter.com/aextnet"> <img src="http://big-torent.ru/bubbleup/css/images/twitter.png" alt="Follow us on Twitter"/></a> </li>

я заменяю этим

<li> <a href="http://twitter.com/samo733792"> <img src="http://big-torent.ru/bubbleup/css/images/twitter.png" alt="Follow us on Twitter"/></a> </li>

 

 Советую прочитать так же статью о том как настроить авторизацию через соц. сети для uCoz.

Добавить комментарий

  • rea //29 Май 2014

    It is appropriate time to make some plans foor thee future and
    it is time to be happy. I have reqd this post and iif I could I want to suggest yyou few
    interesting things or suggestions. Maybe you could
    write next articles referring to this article. I wish to read more things about it!

  • Lorrine //04 Июл 2014

    Howdy! I understand this iss sort of off-topic but I had to ask.
    Does managing a well-established blog like yours
    take a massive amount work? I’m completely nnew to operating a blog however I do write in my diary on a daily
    basis. I’d like to start a blog so I will be able to share my
    ownn experience and thoughts online. Please let mme
    know if you hhave any kind of recommendations or tips for new aspiring bloggers.
    Appreciate it!

  • how website make money //02 Мар 2015

    Hello to every one, thhe contents present at this web site are really amazing for people knowledge,well, keep up the good work fellows.

  • Ӏ’m not that mսch of ɑ internet reader to be honest bսt yoսr blogs гeally nice,
    kеep it up! I’ll ɡo ahead аnd bookmark your site to cߋme bɑck in tҺe future.
    All tɦе beѕt

 ВверхВверх