☣Связанные Зоной☣Форум
?
  
  • Страница 1 из 1
  • 1
Модератор форума: slavapro, [Дядька]_ЯR  
Форум » Жизнь форума » Ucoz » Кнопка "Мне нравится"
Кнопка "Мне нравится"
Не в Зоне slavapro




Удаляем старый некрасивый рейтинг:
Код
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div><?endif?>


Заменяем на кнопку "Мне нравиться"

Для раздела новости:
Код
<?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?>


Для каталога статей:
Код
<?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?>


Для каталога файлов:
Код
<?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?>


Для каталога сайтов:
Код
<?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?>


Для раздела блог:
Код
<?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?>


Для доски объявлений:
Код
<?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?>


Для фотоальбома:
Код
<?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?>


В CSS:

Зелёная кнопка

Код
/* 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(ССЫЛКА НА КАРТИНКУ ИЗ АРХИВА) no-repeat right;            
            padding: 3px 10px 3px 5px;            
}    

#rating_l:hover {    
            background: #e1fee2 url(ССЫЛКА НА КАРТИНКУ ИЗ АРХИВА) no-repeat right;    
}    

#rating_p {    
            float:right;    
            color:#247e20;            
            padding: 3px 5px 3px 5px;    
            background:#8bdc87;    
}


Серый цвет:

Код
/* 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(ССЫЛКА НА КАРТИНКУ ИЗ АРХИВА) no-repeat right;            
            padding: 3px 10px 3px 5px;            
}    

#rating_l:hover {    
            background: #5d5d5d url(ССЫЛКА НА КАРТИНКУ ИЗ АРХИВА) no-repeat right;    
}    

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


Белый вариант:

Код
/* 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(ССЫЛКА НА КАРТИНКУ ИЗ АРХИВА) no-repeat right;            
            padding: 3px 10px 3px 5px;            
}    

#rating_l:hover {    
            background: #fff url(ССЫЛКА НА КАРТИНКУ ИЗ АРХИВА) no-repeat right;    
}    

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


Оранжевый:

Код
/* 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(ССЫЛКА НА КАРТИНКУ ИЗ АРХИВА) no-repeat right;            
            padding: 3px 10px 3px 5px;            
}    

#rating_l:hover {    
            background: #fff3e8 url(ССЫЛКА НА КАРТИНКУ ИЗ АРХИВА) no-repeat right;    
}    

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


Синий цвет

Код
/* 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(ССЫЛКА НА КАРТИНКУ ИЗ АРХИВА) no-repeat right;           
           padding: 3px 10px 3px 5px;           
}    

#rating_l:hover {    
           background: #e5f5ff url(ССЫЛКА НА КАРТИНКУ ИЗ АРХИВА) no-repeat right;    
}    

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


Кнопки заливаем себе в файловый менеджер и заменяем в CSS-коде фразу "ссылка на картинку из архива" на ссылку вашей кнопки
 Прикрепления: knopka.rar (3.7 Kb)




Форум » Жизнь форума » Ucoz » Кнопка "Мне нравится"
  • Страница 1 из 1
  • 1
Поиск:
Загрузка...

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения Администрации.
Для просмотра сайта рекомендуем использовать Яндекс.Браузер
Copyright soc-team © 2014.

   Бесплатный анализ сайта
Общий канал
Общий канал
Сталкер, мы кого попало не пропускаем.
0
Группировки


Вступить

Обновления форума

Поиск по сайту

Лучшие сталкеры
slavapro
Постов: 544
Репутация: 11
Virus
Постов: 348
Репутация: 1
KiRiYaNoV
Постов: 319
Репутация: 1
p203w
Постов: 120
Репутация: 0
Кракен
Постов: 66
Репутация: 2

Кто нас сегодня посетил

Какой техник лучше?

Опрошено:27
Архив опросов

Братья по оружию
 
Новости, общение и многое другое,<br> у нас на survarium-delta.ucoz.ru  Top Life-Stalker.RU
 Сайт создан не для заработка, а для вас Заходите Сталкеры. Оцените наш проект)ждем вас на http://DOLG-vs-SVOBODE.3dn.ru
Новости общение и многое другое, у нас на exelent731.ucoz.ru