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


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



Статистика
Онлайн всего: 11
Гостей: 10
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Скрипт разный цвет кнопок - мне нравится для Ucoz сайта

Скрипт разный цвет кнопок - мне нравится для Ucoz сайта Скрипт, разный, цвет, кнопок, нравится, Ucoz, сайта,
Разный цвет кнопок - мне нравится для Ucoz сайта. скрипт кнопки мне нравиться от автора SingMen, в данном решении мы не будем использовать какой либо php или сторонние сайты или ещё хуже, задействовать целый модуль на вашем сайте, всё просто как дважды два.

Решение очень простое, мы заменим наш рейтинг новости, на кнопку мне нравиться которая версталась мной под DOCTYPE 1.1, я решил с нуля создать свою стилизацию кнопок

Для начало нам стоит удалить старый код рейтинга:
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">Mне нравится</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">Mне нравится</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">Mне нравится</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">Mне нравится</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">Mне нравится</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">Mне нравится</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">Mне нравится</div>  
  </a>  
  <div id="rating_p">+$RATED$</div>  
  </div>  
  <?endif?>


Теперь нам следует выбрать один из пяти вариантов стилизации кнопки:

кнопка мне нравиться для ucoz, в белом варианте
CSS-Code
Code
/* Mне нравится
------------------------------------------*/
#rating_os {  
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  color:#777; text-shadow: 1px 1px 1px #fff;
  background:#f6f6f6;
  border: 1px solid #d6d6d6;
}  

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

#rating_l {
  float:left;
  background: url(http://www.center-dm.ru/ucoz/vid_nravitsa/v_1/ugol_white.png) no-repeat right;  
  padding: 3px 10px 3px 5px;  
}

#rating_l:hover {
  background: #fff url(http://www.center-dm.ru/ucoz/vid_nravitsa/v_1/ugol_white.png) no-repeat right;
}

#rating_p {
  float:right;
  padding: 3px 5px 3px 5px;
  background:#e3e3e3;
}

Вариант № 2 Black (Чёрный):

кнопка мне нравиться для ucoz, в чёрном варианте
CSS-Code
Code
/* Mне нравится
------------------------------------------*/
#rating_os {  
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  color:#a7a7a7; text-shadow: 1px 1px 1px #252525;
  background:#484848;
  border: 1px solid #252525;
}  

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

#rating_l {
  float:left;
  background: url(http://www.center-dm.ru/ucoz/vid_nravitsa/v_1/ugol_black.png) no-repeat right;  
  padding: 3px 10px 3px 5px;  
}

#rating_l:hover {
  background: #5d5d5d url(http://www.center-dm.ru/ucoz/vid_nravitsa/v_1/ugol_black.png) no-repeat right;
}

#rating_p {
  float:right;
  padding: 3px 5px 3px 5px;
  background:#6e6e6e;
}

Вариант № 3 Orange (Оранжевый):

кнопка мне нравиться для ucoz, в оранжевом варианте
CSS-Code
Code
/* Mне нравится
------------------------------------------*/
#rating_os {  
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  color:#fff;  
  background:#ffe5cd;
  border: 1px solid #ffa24a;
}  

#rating_os a:link,  
#rating_os a:visited,
#rating_os a:hover {text-decoration:none; color:#ff891a; text-shadow: 1px 1px 1px #fff; }

#rating_l {
  float:left;
  background: url(http://www.center-dm.ru/ucoz/vid_nravitsa/v_1/ugol_orange.png) no-repeat right;  
  padding: 3px 10px 3px 5px;  
}

#rating_l:hover {
  background: #fff3e8 url(http://www.center-dm.ru/ucoz/vid_nravitsa/v_1/ugol_orange.png) no-repeat right;
}

#rating_p {
  float:right;
  text-shadow: 1px 1px 1px #ff891a;  
  padding: 3px 5px 3px 5px;
  background:#ffd0a4;
}

Вариант № 4 Blue (Синий):

кнопка мне нравиться для ucoz, в синем варианте
CSS-Code
Code
/* Mне нравится
------------------------------------------*/
#rating_os {  
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  text-shadow: 1px 1px 1px #fff;
  background:#dfecf4;
  border: 1px solid #97b7ca;
}  

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

#rating_l {
  float:left;
  background: url(http://www.center-dm.ru/ucoz/vid_nravitsa/v_1/ugol_blue.png) no-repeat right;  
  padding: 3px 10px 3px 5px;  
}

#rating_l:hover {
  background: #e5f5ff url(http://www.center-dm.ru/ucoz/vid_nravitsa/v_1/ugol_blue.png) no-repeat right;
}

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


Вариант № 5 Green (Зелёный):

кнопка мне нравиться для ucoz, в зелёном варианте
CSS-Code
Code
/* Mне нравится
------------------------------------------*/
#rating_os {  
  float:right;
  font: 11px Verdana,Arial,Helvetica, sans-serif;
  text-shadow: 1px 1px 1px #fff;
  background:#cdf6ce;
  border: 1px solid #48b543;
}  

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

#rating_l {
  float:left;
  background: url(http://www.center-dm.ru/ucoz/vid_nravitsa/v_1/ugol_green.png) no-repeat right;  
  padding: 3px 10px 3px 5px;  
}

#rating_l:hover {
  background: #e1fee2 url(http://www.center-dm.ru/ucoz/vid_nravitsa/v_1/ugol_green.png) no-repeat right;
}

#rating_p {
  float:right;
  color:#247e20;  
  padding: 3px 5px 3px 5px;
  background:#8bdc87;
}
Автор\Источник: uwnd.ru & ucozon.ru & center-dm.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 4222 | Комментарии: 4 | Рейтинг: 4.2/5 | |Категория: Скрипты Разное | Добавил: мир | Дата: 26.12.2011 | Скачали: 0 | Теги: цвет, Скрипт, разный, нравится, кнопок, сайта, ucoz
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 4
4 bushonk   Дата: 16.03.2015  Время: 18:04   [№ 15449]
-=СПАМ=-

Ответ: ССЫЛКА УДАЛЕНА АВТОРУ БАН!!!

+1   Спам
3 7up   Дата: 30.09.2012  Время: 20:23   [№ 13721]
а для модуля видео как?

+1   Спам
2 LaMeNt   Дата: 16.01.2012  Время: 16:38   [№ 11917]
Черт возьми все делаю так как ты написал а нехрина!

+1   Спам
1 vuter   Дата: 26.12.2011  Время: 17:25   [№ 11655]
ууу то что надо


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

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


Поиск


На форуме

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

9

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

0

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

0

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

51

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

1

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

9

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

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


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


Комментарии



Copyright UcozOn.ru™ © 2008-2016


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