Полезный материал для uCoz

1523
7.6 из 10
Проголосовало: 6






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

Установка:

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

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

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


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

Для раздела новости (news)

Code
<?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">Полезный материал</div>  
  </a>  
  <div id="rating_p">+$RATED$</div>  
  </div>  
  <?endif?>


Для раздела каталог статей (publ)

Code
<?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">Полезный материал</div>  
  </a>  
  <div id="rating_p">+$RATED$</div>  
  </div>  
  <?endif?>


Для раздела каталог файлов (load)

Code
<?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">Полезный материал</div>  
  </a>  
  <div id="rating_p">+$RATED$</div>  
  </div>  
  <?endif?>


Для раздела каталог сайтов (dir)

Code
<?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">Полезный материал</div>  
  </a>  
  <div id="rating_p">+$RATED$</div>  
  </div>  
  <?endif?>


Для раздела блог (blog)

Code
<?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">Полезный материал</div>  
  </a>  
  <div id="rating_p">+$RATED$</div>  
  </div>  
  <?endif?>


Для раздела доска объявлений (board)

Code
<?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">Полезный материал</div>  
  </a>  
  <div id="rating_p">+$RATED$</div>  
  </div>  
  <?endif?>


Для раздела Фотоальбом (photo)

Code
<?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">Полезный материал</div>  
  </a>  
  <div id="rating_p">+$RATED$</div>  
  </div>  
  <?endif?>


Шаг 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;  
  }  
  /* ---------------------------------------*/


на этом всё...
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://uwnd.ru/ & http://www.center-dm.ru
  • Всего комментариев: 4

Ne{X]tBatt[L}e3muSic
0
Ne{X]tBatt[L}e3muSic написал: Написано 21 Апреля 2012 в 23:32
Комментарий №4
Спасибо, робит!

BaniK
0
BaniK написал: Написано 27 Декабря 2011 в 14:26
Комментарий №3
все робе!

BLAzER
0
BLAzER написал: Написано 27 Декабря 2011 в 10:35
Комментарий №2
норм

I-vashka
0
I-vashka написал: Написано 27 Декабря 2011 в 09:28
Комментарий №1
Что-то стили не работают... cry

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
    Последние темы
    Опрос
    258
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: