СКРИПТ C КНОПКАМИ (СКАЧАТЬ МАТЕРИАЛ И ЖАЛОБА) ДЛЯ UCOZ

СКРИПТ C КНОПКАМИ (СКАЧАТЬ МАТЕРИАЛ И ЖАЛОБА) ДЛЯ UCOZ

16.11.2017 613 0 milan_shubin Все для uCoz Скрипты для uCoz
Описание скрипта:


Скрипт Скачать и жалоба красивыми овальными кнопками

Установка:

Сначала скачайте архив js.

1) Заходим в страницу материала и комментарии к нему и вставляем где вы хотите видеть кнопки Например: после $MESSAGE$
Код
<div class="post-bottom"><a class="read-more" href="$RFILE_URL$">Скачать материал</a> <a class="comments-lnk" href="javascript://" onclick="complaint('Master')">Жалоба</a></div>
<script src="/js/newComplaint.js"></script>
  

2) Добавляем в таблицу стилей (CSS):
Код
.post-bottom i {font-size: 15px; padding-right: 5px;}  
.post-bottom { clear: both; overflow: hidden; margin-top: 25px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; line-height: 35px; }  
.post-bottom a { -webkit-transition: inherit; transition: inherit; }  
.post-bottom a:hover, .post-details a:hover { color: #56a0cc; font-weight: 600; }  
.read-more { display: inline-block; padding: 0 20px 2px; height: 29px; border: 2px solid #383e47; border-radius: 8px; color: #383e47; text-decoration: none; font-size: 12px; line-height: 33px; }  
.read-more:hover { display: inline-block; padding: 0 20px 2px; height: 29px; border: 2px solid #56A0CC; border-radius: 8px; color: #56A0CC; text-decoration: none; font-size: 12px; line-height: 33px; }  
.comments-lnk { margin-right: 10px; float: left; display: inline-block; padding: 0 20px 2px; height: 29px; border: 2px solid #383e47; border-radius: 8px; color: #383e47; text-decoration: none; font-size: 14px; line-height: 33px; }  
.comments-lnk:hover { display: inline-block; padding: 0 20px 2px; height: 29px; border: 2px solid #56A0CC; border-radius: 8px; color: #56A0CC; text-decoration: none; font-size: 14px; line-height: 33px; }  

Или возле кода через тег style:
Код
<style>
.post-bottom i {font-size: 15px; padding-right: 5px;}  
.post-bottom { clear: both; overflow: hidden; margin-top: 25px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; line-height: 35px; }  
.post-bottom a { -webkit-transition: inherit; transition: inherit; }  
.post-bottom a:hover, .post-details a:hover { color: #56a0cc; font-weight: 600; }  
.read-more { display: inline-block; padding: 0 20px 2px; height: 29px; border: 2px solid #383e47; border-radius: 8px; color: #383e47; text-decoration: none; font-size: 12px; line-height: 33px; }  
.read-more:hover { display: inline-block; padding: 0 20px 2px; height: 29px; border: 2px solid #56A0CC; border-radius: 8px; color: #56A0CC; text-decoration: none; font-size: 12px; line-height: 33px; }  
.comments-lnk { margin-right: 10px; float: left; display: inline-block; padding: 0 20px 2px; height: 29px; border: 2px solid #383e47; border-radius: 8px; color: #383e47; text-decoration: none; font-size: 14px; line-height: 33px; }  
.comments-lnk:hover { display: inline-block; padding: 0 20px 2px; height: 29px; border: 2px solid #56A0CC; border-radius: 8px; color: #56A0CC; text-decoration: none; font-size: 14px; line-height: 33px; }  
</style>
  

Вот и всё!
СКРИПТ C КНОПКАМИ (СКАЧАТЬ МАТЕРИАЛ И ЖАЛОБА) ДЛЯ UCOZ
Файлы для скачивания отсутствуют.
Поблагодарить автора Автор: milan_shubin
ИсточникМатериал взят с другого сайта
Комментарии (0)
Добавить комментарий
class="add-comm-form clearfix add-shadow2" id="add-comm-form">
avatar