Заработок в интернете и раскрутка вашего сайта Вторник, 23.04.2024, 11:29
Главная | Кнопка Мне нравится +1 к рейтингу для uCoz сайта - Форум | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Создание сайта » HTML коды для uCoz » Кнопка Мне нравится +1 к рейтингу для uCoz сайта (Кнопка Мне нравится +1 к рейтингу для uCoz сайта)
Кнопка Мне нравится +1 к рейтингу для uCoz сайта
adminДата: Суббота, 21.12.2013, 16:01 | Сообщение # 1
Главный админ
Группа: Администраторы
Сообщений: 336
Награды: 0
Репутация: 1
Статус: Offline
Кнопка Мне нравится +1 к рейтингу для uCoz сайта

Просто гениальное решение для того, чтобы заменить всем уже порядком поднадоевшего рейтинга uCoz на простенькую кнопку "Мне нравится", которая плюсует +1 к рейтингу. Всё просто и понятно. Никаких вам звёздочек и непонятных рейтингов. Каждый проголосовавший ставить просто плюс один. Количество голосов = рейтинг. Чем больше, тем лучше.

Не забудьте!!! Все файлы из прикреплённого RAR архива нужно загрузить в папку images.

Установка:

В виде материалов модулей, приведённых ниже, замените примерно такой код:

Код
if($RATING$)?><div style="float:right">$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div>endif?>


На:

1) Каталог файлов [load]:
Код
if($RATING$)?>
<div id="rating_os">
<a href="javascript://" id="golike" onclick="$.get('/load/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000};); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000};)};};);">
<div id="rating_l">Mне нравится</div>
</a>
<div id="rating_p">+$RATED$</div>
</div>
endif?>


2) Новости сайта [news]:
Код
if($RATING$)?>
<div id="rating_os">
<a href="javascript://" id="golike" onclick="$.get('/news/0-0-1-$ID$-15-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000};); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000};)};};);">
<div id="rating_l">Mне нравится</div>
</a>
<div id="rating_p">+$RATED$</div>
</div>
endif?>


3) Блог [blog]:
Код
if($RATING$)?>
<div id="rating_os">
<a href="javascript://" id="golike" onclick="$.get('/blog/0-0-1-$ID$-14-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000};); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000};)};};);">
<div id="rating_l">Mне нравится</div>
</a>
<div id="rating_p">+$RATED$</div>
</div>
endif?>


4) Каталог статей [publ]:
Код
if($RATING$)?>
<div id="rating_os">
<a href="javascript://" id="golike" onclick="$.get('/publ/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000};); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000};)};};);">
<div id="rating_l">Mне нравится</div>
</a>
<div id="rating_p">+$RATED$</div>
</div>
endif?>


5) Каталог сайтов [dir]:
Код
if($RATING$)?>
<div id="rating_os">
<a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/dir/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000};); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000};)};};);">
<div id="rating_l">Mне нравится</div>
</a>
<div id="rating_p">+$RATED$</div>
</div>
endif?>


6) Доска объявлений [board]:
Код
if($RATING$)?>
<div id="rating_os">
<a href="javascript://" id="golike" onclick="$.get('/board/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000};); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000};)};};);">
<div id="rating_l">Mне нравится</div>
</a>
<div id="rating_p">+$RATED$</div>
</div>
endif?>


7) Фотоальбом [photo]:
Код
if($RATING$)?>
<div id="rating_os">
<a href="javascript://" id="golike" onclick="$.get('/photo/1-1-$ID$-13-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000};); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000};)};};);">
<div id="rating_l">Mне нравится</div>
</a>
<div id="rating_p">+$RATED$</div>
</div>
endif?>


Теперь нам нужно стилизовать кнопочки. Выбирайте нужную цветовую схему, и её код вставляйте в самый низ вашего css:

Код
#rating_os {
float:right;
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   color:#777; text-shadow: 1px 1px 1px #fff;
   background:#f6f6f6;
   border: 1px solid #d6d6d6;
}
#rating_os a:link,
#rating_os a:visited,
#rating_os a:hover {text-decoration:none; color:#999;}
#rating_l {
float:left;
   background: url(/images/ugol_white.png) no-repeat right;
   padding: 3px 10px 3px 5px;
}
#rating_l:hover {
   background: #fff url(/images/ugol_white.png) no-repeat right;
}
#rating_p {
float:right;
   padding: 3px 5px 3px 5px;
   background:#e3e3e3;
}


Код
#rating_os {
float:right;
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   text-shadow: 1px 1px 1px #fff;
   background:#dfecf4;
   border: 1px solid #97b7ca;
}
#rating_os a:link,
#rating_os a:visited,
#rating_os a:hover {text-decoration:none; color:#2C68A6;}
#rating_l {
float:left;
   background: url(/images/ugol_blue.png) no-repeat right;
   padding: 3px 10px 3px 5px;
}
#rating_l:hover {
   background: #e5f5ff url(/images/ugol_blue.png) no-repeat right;
}
#rating_p {
float:right;
   color:#235e9b;
   padding: 3px 5px 3px 5px;
   background:#b5d9ee;
}


Код
#rating_os {
float:right;
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   text-shadow: 1px 1px 1px #fff;
   background:#cdf6ce;
   border: 1px solid #48b543;
}
#rating_os a:link,
#rating_os a:visited,
#rating_os a:hover {text-decoration:none; color:#247e20;}
#rating_l {
float:left;
   background: url(/images/ugol_green.png) no-repeat right;
   padding: 3px 10px 3px 5px;
}
#rating_l:hover {
   background: #e1fee2 url(/images/ugol_green.png) no-repeat right;
}
#rating_p {
float:right;
   color:#247e20;
   padding: 3px 5px 3px 5px;
   background:#8bdc87;
}


Код
#rating_os {
float:right;
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   color:#fff;
   background:#ffe5cd;
   border: 1px solid #ffa24a;
}
#rating_os a:link,
#rating_os a:visited,
#rating_os a:hover {text-decoration:none; color:#ff891a; text-shadow: 1px 1px 1px #fff; }
#rating_l {
float:left;
   background: url(/images/ugol_orange.png) no-repeat right;
   padding: 3px 10px 3px 5px;
}
#rating_l:hover {
   background: #fff3e8 url(/images/ugol_orange.png) no-repeat right;
}   
#rating_p {
float:right;
   text-shadow: 1px 1px 1px #ff891a;
   padding: 3px 5px 3px 5px;
   background:#ffd0a4;
}


Код
#rating_os {
float:right;
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   color:#a7a7a7; text-shadow: 1px 1px 1px #252525;
   background:#484848;
   border: 1px solid #252525;
}
#rating_os a:link,
#rating_os a:visited,
#rating_os a:hover {text-decoration:none; color:#a7a7a7;}
#rating_l {
float:left;
   background: url(/images/ugol_black.png) no-repeat right;
   padding: 3px 10px 3px 5px;
}
#rating_l:hover {
   background: #5d5d5d url(/images/ugol_black.png) no-repeat right;
}
#rating_p {
float:right;
   padding: 3px 5px 3px 5px;
   background:#6e6e6e;
}



data-yashareType="button" data-

yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus">



data-mrc-config="{'cm' : '1', 'sz' : '20', 'st' : '1', 'tp' : 'mm'}">Нравится
 

Нравится







Форум » Создание сайта » HTML коды для uCoz » Кнопка Мне нравится +1 к рейтингу для uCoz сайта (Кнопка Мне нравится +1 к рейтингу для uCoz сайта)
  • Страница 1 из 1
  • 1
Поиск:

Заработок в интернете и продвижение вашего сайта © 2013-2024
Копирование материалов сайта без согласия запрещено!

Яндекс.Метрика

СЕГОДНЯ НАС ПОСЕТИЛИ:

200