Кнопка "Мне нравится" для сайта Ucoz

Ставим кнопку "Мне нравится", вместо старого рейтинга Ucoz.

Удаляем старый рейтинг:

Код:

<?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-коде фразу "ссылка на картинку из архива", на ссылку вашей кнопки.

Скачать кнопки Жмак

Шаблоны и скрипты для сайта: DLE, Ucoz, Blogger / Template-Site.Ru

Меню навигации

Пользовательские ссылки

Информация о пользователе

Кнопка "Мне нравится" для сайта Ucoz

Сообщений 1 страница 1 из 1

Поделиться12015-05-20 13:42:43