Форма социальных закладок для ucoz
Красивая форма социальных закладок для сайта ucoz. Она устанавливается в модулях - виде материала и комментариев к нему. А где установить это решать вам. Основном устанавливают в низу. Установка: 1- Скачиваем архив и заливаем его в корень сайта. В CSS стиль прописываем в самый низ. Код .over_share { height:100px; margin-bottom:10px } .in_share { padding-top:70px; padding-left:16px } .vkontakte_share { background:url(../images/vk_share.jpg) #2C6992; width:200px; height:100px; float:left } .twitter_share { background:url(../images/tw_share.jpg) #009DC4; width:200px; height:100px; float:left } .facebook_share { background:url(../images/fb_share.jpg) #23599D; width:200px; height:100px; float:left } .gplus_share { background:url(../images/gp_share.jpg) #EF341B; width:200px; height:100px; float:left } .twitter_btn { width:105px; overflow:hidden; padding:1px; background:#FFFFFF; margin-right:5px } .gplus_btn { width:70px; overflow:hidden; padding:1px; background:#FFFFFF; margin-right:5px } Этот код вставляем как писал в Страница материалов и комментариев к нему Код <div class="over_share"> <div class="vkontakte_share"> <div class="in_share"> <!--vk--> КНОПКА_VK <!--/vk--> </div> </div> <div class="twitter_share"> <div class="in_share"> <!--twitter--> КНОПКА_TWITTER <!--/twitter--> </div> </div> <div class="facebook_share"> <div class="in_share"> <!--fb--> КНОПКА_Facebook <!--/fb--> </div> </div> <div class="gplus_share"> <div class="in_share"> <!--gp--> КНОПКА_GOOGLE+ <!--/gp--> </div> </div> </div> PS - С архива файлы закачиваем в папку images |
Поделиться в социальных сетях
Материал разместил
Комментарии: 5 | |
| |