2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии
Кнопка обсудить на форуме

Кнопка обсудить на форуме

Кнопки 2013-Окт-02 rucoz 1.6k 0
Вот с одного сайта содрал такую интересную кнопочку,к примеру я использую ее в качестве ,обсуждения фильма на форуме где пользователи пишут рецензии к фильму,ну,а вы я думаю найдете ей применение.

по месту расположения кнопки ставим:
Код
<a href="$AUTHOR_NAME$" target="_blank" class="watchonline"> <span>Обсудить фильм на форуме</span></a></a><a class="watchhow" onclick="howonline ();" title="Обсудить фильм $ENTRY_TITLE$ на форуме" target="_blank"><span>?</span></a>
<script>
$('.watchonline').click(function() {
new _uWnd('play1','Цена страха / The Sum of All FearsОнлайн',640,460,{modal:1, autosize:0,oncontent:torrent_online()},'<div id="torrent_online_player"></div>');
});
</script>


Где $AUTHOR_NAME$ меняем на свое или оставляем это поле - имя автора кф.

В каскадные стили добавляем
Код
a.watchonline {display:inline-block; background:url('http://1941-45.ucoz.net/css/watchonline-3-.png') 100% -36px no-repeat; height:36px; line-height:35px; cursor:pointer;}
a.watchonline span {display:inline-block; background:url('http://1941-45.ucoz.net/css/watchonline-2-.png') 0px 0px no-repeat; padding-right:13px; padding-left:46px; font-size:12px; color:#5f656a; height:36px; line-height:35px;}
a.watchonline:hover {background-position:100% -108px;}
a.watchonline:hover span {background-position:0 -72px; text-decoration:underline;}

a.watchhow {display:inline-block; background:url('http://1941-45.ucoz.net/css/watchonline-1-.png') no-repeat 0 1px; height:36px; line-height:35px; padding-left:8px; cursor:pointer; margin-left:5px;}
a.watchhow span {display:inline-block; background:url('http://1941-45.ucoz.net/css/watchonline.png') 100% -35px no-repeat; padding:0px 11px 0px 3px; font-size:14px; font-weight:bold; color:#494949; height:36px; line-height:35px;}
a.watchhow:hover {background-position:0 -71px;}
a.watchhow:hover span {background-position:100% -107px; color:#4da5de;}
Источник: http://1941-45.ucoz.net
0 комментариев
avatar