Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz Архивариус Решённые вопросы Кнопки соц.сетей на сайт (соц.сети) |
| Кнопки соц.сетей на сайт |
|
Artel, смотря какие кнопки, если со счётчиками то в каждой соц сети нужно зарегиться и там в разделах для разработчиков получить коды.
Если просто картинками без счётчиков, то вот код: Это в вид материала и комментариев к нему. HTML Code <noindex> <div id="svk" onclick="window.open('http://vkontakte.ru/share.php?url=$ENTRY_URL Это в любое место с CSS [b]CSS[/b] [code]#svk {width:21px;height:21px;overflow:hidden;background:url(http://gbox.su/diz/socbut.png) 0px 0px #ffffff no-repeat;cursor:pointer;float:left;margin-right:6px;-moz-transition-property:background;-moz-transition-duration:200ms; -o-transition-property:background-;-o-transition-duration:200ms; -ms-transition-property:background;-ms-transition-duration:200ms;transition-property:background;transition-duration:200ms;} #svk:hover {background:url(http://gbox.su/diz/socbut.png) 0px -21px #ffffff no-repeat;} #sfb {width:21px;height:21px;overflow:hidden;background:url(http://gbox.su/diz/socbut.png) -42px 0px #ffffff no-repeat;cursor:pointer;float:left;margin-right:6px;-moz-transition-property:background;-moz-transition-duration:200ms; -o-transition-property:background-;-o-transition-duration:200ms; -ms-transition-property:background;-ms-transition-duration:200ms;transition-property:background;transition-duration:200ms;} #sfb:hover {background:url(http://gbox.su/diz/socbut.png) -42px -21px #ffffff no-repeat;} #stv {width:21px;height:21px;overflow:hidden;background:url(http://gbox.su/diz/socbut.png) -21px 0px #ffffff no-repeat;cursor:pointer;float:left;margin-right:6px;-moz-transition-property:background;-moz-transition-duration:200ms; -o-transition-property:background-;-o-transition-duration:200ms; -ms-transition-property:background;-ms-transition-duration:200ms;transition-property:background;transition-duration:200ms;} #stv:hover {background:url(http://gbox.su/diz/socbut.png) -21px -21px #ffffff no-repeat;} #sok {width:21px;height:21px;overflow:hidden;background:url(http://gbox.su/diz/socbut.png) -63px 0px #ffffff no-repeat;cursor:pointer;float:left;margin-right:6px;-moz-transition-property:background;-moz-transition-duration:200ms; -o-transition-property:background-;-o-transition-duration:200ms; -ms-transition-property:background;-ms-transition-duration:200ms;transition-property:background;transition-duration:200ms;} #sok:hover {background:url(http://gbox.su/diz/socbut.png) -63px -21px #ffffff no-repeat;} Это для модуля Новости Сайта. Если будите ставить в другие модули, то просто смотрите какие переменные отвечают за ссылки на материал и меняйте их в коде HTML. Сейчас стоит $ENTRY_URL$ А ещё ставьте это в <head> Code <meta property="og:title" content="$TITLE_BAR$ " /><meta name="title" content="$TITLE_BAR$ " /> <meta property="og:image" content="$OTHER1$" /><link rel="image_src" href="$OTHER1$" /> <meta name="KeyWords" content="$TITLE_BAR$ "/> <meta name="Description" content="WWW.SITE.RU"/> Опять таки же, в каждом модуле за название новости и за вывод картинки отвечает своя переменная, их тоже меняете. В данном случае за название отвечает переменная $TITLE_BAR$, за вывод изображение дополнительное поле , переменная его такова $OTHER1$    Сообщение отредактировал Rad_van_Cor - Понедельник, 12 Ноя 2012, 11:32:03
|
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!