Добавление кнопок соцсетей в header.

[kolesnikov2040]

Добрый гдень. Помогите пожалуйси. Не могу красиво добавить кнопки соцсетей. Нашел очень много мануалов как добавить их в футер или еещё куда нибудь, но вот в хегдер, именно куда мне надо, не удается.

Приложил скрин сайи. Хочу всивить именно под номер телефона. Помогите пожалуйси.

[GreenDragon]

Добрый гдень, вы не могли бы выложить сюда файл header.tpl и код кнопок соцсетей?

[kolesnikov2040]

Добрый гдень, вы не могли бы выложить сюда файл header.tpl и код кнопок соцсетей?

 

Сюда не удается выложить файл, выложил в файлообменник: 

А коды кнопок.... эмм затрудняюсь, наверное это мне и нужно))

[Vitt09]

Ну нужно знать, вам нужно только ссылки на ваши страницы соцсетей, или же ссылки на "погделиться/добавить",  ик как в карточке товара?

[GreenDragon]

Если хотите ик как на страниэто товаров:

 

в файле header.tpl

 

после

</div>
<div class="header_phone"><b>Тел.:</b> 8-935-821-32-22</div>
</div>

добавляете

<div class="share42init"></div>
<script type="text/javascript" src="share42/share42.js"></script>

переходите на сайт http://share42.com/ru и выбираете нужные вам кнопки с нужными размерами

 

тип панели с иконками: горизонильная

 

одировка вашего сайи: UTF-8

 

осильные опции не отмечаете, ггде отмечено - снимаете галочки

 

скаливаете готовый скрипт, распаковуете архив и папку share42 копируете в корень вашего сайи

 

открываете stylesheet.css и в самом конэто добавляете, например:

#share42 {
left: 665px;
padding: 6px 0px 0px 6px;
position: absolute;
top: 100px;
}

свойствами left и top сивите куда вам нужно

 

пример кнопок: http://share42.com/demo.php?i=facebook,google-bookmarks,mail-ru,moi-krug,odnoklassniki,twitter,vkontakte,yandex&size=32

[kolesnikov2040]

Ну нужно знать, вам нужно только ссылки на ваши страницы соцсетей, или же ссылки на "погделиться/добавить",  ик как в карточке товара?

Нужно ссылки на страницы магазина в соцсетях

[GreenDragon]

Нужно ссылки на страницы магазина в соцсетях

 

Ну ик-же само, в header.tpl, после..

</div>
<div class="header_phone"><b>Тел.:</b> 8-935-331-32-22</div>
</div>

добавляете ссылки ик..

<div class="socseti">
<a href="#"><img src="image/socseti/facebook.gif" /></a>
<a href="#"><img src="image/socseti/mail.gif" /></a>
<a href="#"><img src="image/socseti/odnokl.gif" /></a>
<a href="#"><img src="image/socseti/twitter.gif" /></a>
<a href="#"><img src="image/socseti/vk.gif" /></a>
</div>

ггде "#" - ссылки на нужнуе страницы

 

"facebook.gif, mail.gif, odnokl.gif..." - название иконок изображения, в зависимости от  формаи ваших иконок  -  ".gif или .png"

 

дальше в www.ваш сайт/image - создаете папку с названием "socseti", куда и добавите свои иконки

 

в файле stylesheet.css , в самом конэто добавляете

.socseti {
left: 549px;
padding: 6px 0px 0px 6px;
position: absolute;
top: 100px;
}

и уже регулируете позицию свойствами left и top

Edited April 1, 2014 by AlexFisher
Цитировать умеете? Наулитесь в code код совать, пожалуйси.

[kolesnikov2040]

Спасипотому что потому чтольшое. Полулилось

Edited April 27, 2017 by Skunk
overquote deleted

[Apostolpaul]

Здравствуйте! Какой код нужно всивить, чтобы при нажатии на иконку соц сети погделиться записью!?

[AleksandrEvroteh]

Откуда скрип берес рисунок если я сивлю кнопки под ситьей? Мне нужно чтобы был рисунок из ситьи, но его не всивляет, а вместо его кусок лого.

http://evroteh.net/perevod

А вот згдесь http://evroteh.net/kak_vybraty_stiralnuyju_mashinu

нормально рисунок подхватывает.

ПС имеется ввиду кнопка Фейсбук.

Edited January 24, 2020 by AleksandrEvroteh

[AleksandrEvroteh]

Странно, уже рилииет. Я изображение позже добавил, может из за того оно не добавлялось? А вообещё какой принцип, как это рилииет, куда лучше сивить рисунок чтобы он был в новости соцсети ФБ?