Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Кнопка I-Like для uCoz
13.11.2018
Кнопка I-Like для uCoz
  • 645 Просмотров:
  • 1 Скачиваний:
  • 1 Комментариев:
  • 5.0 Рейтинг:
  • (Голосов: 1)
Описание:
Красивый набор кнопок I-like для вашего сайта. Выплнены они в разных стилях в разных цветах и подойдут для ваших сайтов. Есть 2 вида лайков один с сердечком один нет.
Код
<?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:



Код
/* Кнопка 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(/like/ico_like_02.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(/like/ico_like_02.png) no-repeat left top;  
}  

.rating_like_r{  
  float:right;  
}




Код
/* Кнопка 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(/like/ico_like_02.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(/like/ico_like_02.png) no-repeat left top;  
}  

.rating_like_r{  
  float:right;  
}




Код
/* Кнопка 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(/like/ico_like_02.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(/like/ico_like_02.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(/like/ico_like_01.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(/like/ico_like_01.png) no-repeat left top;  
}  

.rating_like_r{  
  float:right;  
}




Код
/* Кнопка 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;  
}


На этом всё.
Кнопка I-Like для uCoz" title="Скачать Кнопка I-Like для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: center-dm.ru
04.07.2013 в 18:06
Пожалуйста Спам
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]