Новый вид оценки материала для uCoz - Информеры - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Информеры


Замена стандартной формы оценки материала. Теперь это будет кнопка с надписью "Полезный материал". Текст кнопки можно без особых усилий заменить на свой. К примеру "Понравился" и т.п.





Установка:

Шаг 1 - Установим HTML:

Заходим в Админ панель - Дизайн - Управления дизайном и выбираем нужным модуль вашего сайта (новости, блог, каталог и т.д.) и на странице материала и комментариев к нему заменяем стандартный код рейтинга:

Code
<div style="float:right"></div>

на следующий код:

Для раздела новости (news)
Code
<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">Полезный материал</div>  
</a>  
<div id="rating_p">+$RATED$</div>  
</div>  

Для раздела каталог статей (publ)
Code
<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">Полезный материал</div>  
</a>  
<div id="rating_p">+$RATED$</div>  
</div>  

Для раздела каталог файлов (load)
Code
<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">Полезный материал</div>  
</a>  
<div id="rating_p">+$RATED$</div>  
</div>  

Для раздела каталог сайтов (dir)
Code
<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">Полезный материал</div>  
</a>  
<div id="rating_p">+$RATED$</div>  
</div>  

Для раздела блог (blog)
Code
<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">Полезный материал</div>  
</a>  
<div id="rating_p">+$RATED$</div>  
</div>  

Для раздела доска объявлений (board)
Code
<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">Полезный материал</div>  
</a>  
<div id="rating_p">+$RATED$</div>  
</div>  

Для раздела Фотоальбом (photo)
Code
<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">Полезный материал</div>  
</a>  
<div id="rating_p">+$RATED$</div>  
</div>  

Шаг 2 - Установим CSS:

Теперь нам осталось прописать css стили для тёмного варианта кнопки:
Code

/* Полезный материал  
  ------------------------------------------*/  
#rating_os {  
float:right;  
font: 11px Verdana,Arial,Helvetica, sans-serif;  
color:#F5BF05; text-shadow: 1px 1px 1px #252525;  
}  
#rating_os a:link,  
#rating_os a:visited,  
#rating_os a:hover {text-decoration:none; color:#eee;}  
#rating_l,  
#rating_p{  
float:left;  
background: #737373;  
padding: 3px 7px 3px 7px;  
margin: 0px 3px 0px 3px;  
border: 1px solid #252525;  
-webkit-border-radius: 4px;  
-moz-border-radius: 4px;  
border-radius: 4px;  
}  
#rating_p {  
font-weight: bold;  
}  
#rating_l:hover {  
background: #5d5d5d;  
}  
/* ---------------------------------------*/

Важно!

При копировании материала указывать ссылку на источник.

- 797
- 27-Ноября-2016
- 0
Материал разместил:

Похожий материал
Статьи сайта