Приветствую Вас Прохожий | RSS Воскресенье, 11.12.2016, 07:11
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 4
Гостей: 4
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Кнопка flat-Like для uCoz

Кнопка flat-Like для uCoz Кнопка, flat-Like, uCoz
Стандартные условия рейтинга не совсем устраивают пользователей сайтов, и вот создано новое для того что бы пользователь смог голосовать за материал и оставлять свой лайк или просто указать что ему нравится данная новость на вашем ресурсе.
Заменить стандартный рейтинг от uCoz, на кнопку Like и не забывайте, что слово Like можно заменить на слово Мне нравиться и т.д

Установка:
Примеры :
1-
2-
3-
4-
5-
Для начала нам следует установить для того или иного модуля uCoz на страницу комментариев один из двух html каркасов HTML для 1,2,3,4 примеров:
Код
<?if($RATING$)?>
  <div class="rating_like" id="rating_like$ID$">
  <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});$('#rating_like$ID$').text('+<?$RATED$+1?>');};}); ">
  <div class="rating_like_r">Like <?if($RATED$)?>+<?else?><?endif?>$RATED$</div>
  </a>
  </div>
<?endif?>
HTML для 5 примера:
Код
<?if($RATING$)?>
  <div class="rating_like" id="rating_like$ID$">
  <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});$('#rating_like$ID$').text('+<?$RATED$+1?>');};}); ">
  <div class="rating_like_l">Like</div>  
<div class="rating_like_r"><?if($RATED$)?>+<?else?><?endif?>$RATED$</div>
  </a>
  </div>
<?endif?>
в данном html коде нам следует заменить следующий участок кода /publ/0-1-1-$ID$-3, на код того модуля в который вы устанавливаете данное решение:

Для модуля - Каталог сайтов: /dir/0-1-1-$ID$-3
Для модуля - Каталог статей: /publ/0-1-1-$ID$-3
Для модуля - Каталог файлов: /load/0-1-1-$ID$-3
Для модуля - Каталог игр: /stuff/1-1-0-$ID$

Для модуля - Блог: /blog/0-0-1-$ID$-14-1
Для модуля - Фото альбом: /photo/1-1-$ID$-13-1
Для модуля - Вопросы ответы: /faq/0-1#$ID$
Для модуля - Доска объявления: /board/0-1-1-$ID$-3

чтобы не вводить вас в заблуждения, ниже отдельно я размещаю html код основного модуля сайта - новости сайта, так как он отличается немного от оригинала HTML для 1,2,3,4 примеров:
Код
<?if($RATING$)?>
  <div class="rating_like" id="rating_like$ID$">
  <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});$('#rating_like$ENTRY_ID$').text('+<?$RATED$+1?>');};}); ">
  <div class="rating_like_r">Like <?if($RATED$)?>+<?else?><?endif?>$RATED$</div>
  </a>
  </div>
<?endif?>
или HTML для 5 примера:
Код
<?if($RATING$)?>
  <div class="rating_like" id="rating_like$ID$">
  <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});$('#rating_like$ENTRY_ID$').text('+<?$RATED$+1?>');};}); ">
  <div class="rating_like_l">Like</div>
  <div class="rating_like_r"><?if($RATED$)?>+<?else?><?endif?>$RATED$</div>
  </a>
  </div>
<?endif?>
Установим CSS:
Теперь когда html каркас кнопки Like для uCoz установлен, давайте выберем нужное оформление на css:

Код
/* Кнопка Like для uCoz №1
------------------------------------------*/
.rating_like {
  float:left;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
  color:#fff;
  background:#ACCE77;
  padding: 4px 10px 4px 10px;
  border-radius: 3px;  
}
   
.rating_like a {
  float:left;
  background:#ACCE77 url(http://ucozon.ru/_dr/64/20002982.png) no-repeat left top;
  padding: 4px 10px 4px 30px;
  margin: -4px -10px -4px -10px;

  border-radius: 3px;  
   
  color:#fff;
  text-decoration:none;  
}

.rating_like a:hover {
  background:#E96465 url(http://ucozon.ru/_dr/64/20002982.png) no-repeat left top;
}

.rating_like_r{
  float:right;
}
кнопка Like 2 для uCoz



Код
/* Кнопка Like для uCoz №2
------------------------------------------*/
.rating_like {
  float:left;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
  color:#fff;
  background:#5C9AD5;
  padding: 4px 10px 4px 10px;
  border-radius: 3px;  
}
   
.rating_like a {
  float:left;
  background:#5C9AD5 url(http://ucozon.ru/_dr/64/20002982.png) no-repeat left top;
  padding: 4px 10px 4px 30px;
  margin: -4px -10px -4px -10px;
  border-radius: 3px;  
  color:#fff;
  text-decoration:none;  
}

.rating_like a:hover {
  background:#E96465 url(http://ucozon.ru/_dr/64/20002982.png) no-repeat left top;
}

.rating_like_r{
  float:right;
}
кнопка Like 3 для uCoz



Код
/* Кнопка Like для uCoz №3
------------------------------------------*/
.rating_like {
  float:left;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
  color:#fff;
  background:#E96465;
  padding: 4px 10px 4px 10px;
  border-radius: 3px;  
}
   
.rating_like a {
  float:left;
  background:#E96465 url(http://ucozon.ru/_dr/64/20002982.png) no-repeat left top;
  padding: 4px 10px 4px 30px;
  margin: -4px -10px -4px -10px;
  border-radius: 3px;  
  color:#fff;
  text-decoration:none;  
}

.rating_like a:hover {
  background:#ACCE77 url(http://ucozon.ru/_dr/64/20002982.png) no-repeat left top;
}

.rating_like_r{
  float:right;
}



Код
/* Кнопка Like для uCoz №4
------------------------------------------*/
.rating_like {
  float:left;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
  padding: 4px 10px 4px 10px;
  border-radius: 3px;  
}
   
.rating_like a {
  float:left;
  background:url(http://ucozon.ru/_dr/64/22710585.png) no-repeat left top;
  padding: 2px 10px 4px 30px;
  margin: 0px -10px 0px -10px;
  border-radius: 3px;  
  text-decoration:none;  
}

.rating_like a:hover {
  background:url(http://ucozon.ru/_dr/64/22710585.png) no-repeat left top;
}

.rating_like_r{
  float:right;
}
кнопка Like 5 для uCoz



Код
/* Кнопка Like для uCoz №5
------------------------------------------*/
.rating_like {
  float:left;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
  padding: 0px 0px 0px 5px;  
}
   
.rating_like a {
  float:left;
  text-decoration:none;  
}

.rating_like_l{
  float:left;
  padding: 2px 0px 2px 0px;
}

.rating_like_r{
  float:left;
  margin: 0px 0px 0px 5px;
  padding: 3px 7px 3px 7px;
  background:#5C9AD5;
  border-radius: 3px;  
  color:#fff;
}

.rating_like a:hover .rating_like_r {
  background:#E96465;
}
Автор\Источник: www.center-dm.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 5401 | Комментарии: 2 | Рейтинг: 3.5/8 | |Категория: Скрипты блоки и шапки | Добавил: мир | Дата: 09.07.2013 | Скачали: 0 | Теги: кнопка, flat-Like, ucoz
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
2 FaSya1993   Дата: 08.08.2013  Время: 03:16   [№ 14866]
Для модуля видео забыли какой код наверное?
Автор добавь пожалуйста.

/video/vip/$ID$/video/

+2   Спам
1 sd123   Дата: 10.07.2013  Время: 06:48   [№ 14826]
Cпс поставил на свой сайт всё отлично


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Продажа рекламные мест ...

2

2 Файловик. Уникальные те...

0

3 Куплю сайты в индексе Я...

1

4 Куплю сайты с ТИЦ/PR (п...

9

5 Предлагаю услуги для ан...

0

6 Предлагаю услуги по про...

0

7 Комплексный прогон сайт...

51

8 Сайт онлайн фильмов на ...

1

9 Проблема с таблицей

9

10 Отредактировать фото

2


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru