ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Красивый синий вид мне нравится для uCoz

Красивый синий вид мне нравится для uCoz

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

Сам код:

Код

<?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?>

Теперь нужно под него стили прописать в CSS:

Код

/* Mне нравится
  ------------------------------------------*/
  #rating_os {
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  text-shadow: 1px 1px 1px #fff;
  background:#dfecf4;
  border: 1px solid #ADD6EF;
  }

  #rating_os a:link,
  #rating_os a:visited,
  #rating_os a:hover {text-decoration:none; color:#2C68A6;}

  #rating_l {
  float:left;
  background: url(http://zornet.ru/ZORNET/drental/ugol_blue.png) no-repeat right;
  padding: 3px 10px 3px 5px;
  }

  #rating_l:hover {
  background: #ADD6EF url(http://zornet.ru/ZORNET/drental/ugol_blue.png) no-repeat right;
  }

  #rating_p {
  float:right;
  color:#235e9b;
  padding: 3px 5px 3px 5px;
  background:#b5d9ee;
  }

Он хорошо адаптирован под мобильные устройства и не кривиться и стоит нормально. Также вы можете цвет ему изменить, это когда наживаешь, он будет меняться.

13 Сентября 2015 Просмотров: 1968 Комментариев: (7)

Поделиться в социальных сетях

Материал разместил

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 7
Порядок вывода комментариев: Сопрано 13 Сентября 2015 23:26¹ +1 Их много по цвету идет, вам просто нужно было еще добавить, какие ссылки менять на блог или статьи. Kosten 13 Сентября 2015 23:41² 0 Вот основные коды под все модули, на сайте, вы просто меняете его, а стили оставляете. Для раздела новости (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?> Для раздела каталог статей (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?> Для раздела каталог файлов (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?> Для раздела каталог сайтов (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?> Для раздела блог (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?> Kosten 13 Сентября 2015 23:42³ 0 Здесь как понимаете продолжение, так как превысило численность и все не влезло в один комментарий. Для раздела доска объявлений (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?> Для раздела Фотоальбом (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> Kvint 14 Сентября 2015 06:00⁴ 0 Старый код мне нравиться, что то редко встречается на сайте, все дизайнерские, но адаптация вас заставит перейти уже на проверенные коды. Kolinkor 15 Сентября 2015 01:39⁵ 0 Всегда простата брала себя, то наделают всякого и потом выдает много ошибок и не там и не тут не проходит. Kosten 15 Сентября 2015 02:04⁶ 0 Вот сейчас убрал нужно что то поставить вместо его. Но в таком же ракурсе по оцениваю. Kvint 15 Сентября 2015 02:06⁷ 0 Там только один файл и это хорошо, и можно перекрасит, хотя представлены все цвета и можно найти.