» »

Форма социальных закладок для ucoz


Форма социальных закладок для 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
06.03.2013 Загрузок: 31 Просмотров: 1366 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
avatar
Kino-online 22.07.2013 17:191
+1
не так уш но классно )) :v:
Kosten
Kosten 22.07.2013 17:332
0
Kino-online, не знаю, тут как сказать у каждого свой неповторимый вкус на дизайн yes
trem200
trem200 05.12.2015 01:223
0
А как это всё работать будет? Да я знаю, пользователи благодаря 4 соц-сетей могу лайкнуть файл, который им понравился, но было бы круто, если это всё отображалось у них на страничке в ВК или данный скрипт будет стоять для красоты.
Kosten
Kosten 05.12.2015 01:564
0
Нет не для красоты, все будет отображаться на их страницах, в социальных сетях.
trem200
trem200 06.12.2015 12:475
0
Тогда я беру данный скрипт к себе нв сайт.
avatar