|
Вставляем код где хотите видеть кнопки Код <div id="sharing_buttons" style="text-align:center;"><div class="sps sps-theme-color sps-small"> <a class="sps-vkontakte" href="http://we6.ucoz.com/" title="ВКонтакте" onclick="window.open(this.href, 'vkontakte', 'width=626, height=278'); return false;" target="_blank"></a> <a class="sps-odnoklassniki" href="http://we6.ucoz.com/" title="Одноклассники" onclick="window.open(this.href, 'odnoklassniki', 'width=830, height=650'); return false;" target="_blank"></a> <a class="sps-facebook" href="http://we6.ucoz.com/" title="Facebook" onclick="window.open(this.href, 'facebook', 'width=609, height=436'); return false;" target="_blank"></a> <a class="sps-twitter" href="http://we6.ucoz.com/" title="Twitter" onclick="window.open(this.href, 'twitter', 'width=626, height=436'); return false;" target="_blank"></a><a class="sps-moimir" href="http://we6.ucoz.com/" title="Мой Мир@Mail.Ru" onclick="window.open(this.href, 'moimir', 'width=626, height=436'); return false;" target="_blank"></a> <a class="sps-livejournal" href="http://we6.ucoz.com/" target="_blank"></a> <a class="sps-google" href="http://we6.ucoz.com/" title="Google+" onclick="window.open(this.href, 'google', 'width=610, height=318'); return false;" target="_blank"></a> <a class="sps-email" href="http://we6.ucoz.com/" title="Отправить на email" onclick="window.open(this.href, 'mailto');"></a></div></div> В CSS вставляем: Код #sharing_buttons a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} #sharing_buttons a{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;} .sps-small a{width:20px;height:20px;margin-right:6px;background:url('http://we6.ucoz.com/img_script/knopki/knopki.png') 0 0 transparent no-repeat;} .sps-small a:last-child{margin-right:0;}#sharing_buttons .sps-small .sps-vkontakte{background-position:-80px -20px;}#sharing_buttons .sps-small .sps-vkontakte:hover{background-position:-80px 0;}#sharing_buttons .sps-small .sps-odnoklassniki{background-position:-60px -20px;}#sharing_buttons .sps-small .sps-odnoklassniki:hover{background-position:-60px 0;}#sharing_buttons .sps-small .sps-facebook{background-position:0 -20px;}#sharing_buttons .sps-small .sps-facebook:hover{background-position:0 0;}#sharing_buttons .sps-small .sps-twitter{background-position:-20px -20px;}#sharing_buttons .sps-small .sps-twitter:hover{background-position:-20px 0;}#sharing_buttons .sps-small .sps-moimir{background-position:-140px -20px;}#sharing_buttons .sps-small .sps-moimir:hover{background-position:-140px 0;}#sharing_buttons .sps-small .sps-livejournal{background-position:-160px -20px;}#sharing_buttons .sps-small .sps-livejournal:hover{background-position:-160px 0;}#sharing_buttons .sps-small .sps-google{background-position:-120px -20px;}#sharing_buttons .sps-small .sps-google:hover{background-position:-120px 0;}#sharing_buttons .sps-small .sps-email{background-position:-440px -20px;}#sharing_buttons .sps a{display:inline-block;} .sps{display:inline-block;position:relative;z-index:1;padding:5px;background:transparent;font-size:0;line-height:0;text-align:left;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
Ссылка на источник: нету:(
Оставлять комментарии могут только зарегистрированные пользователи! |
|