СКРИПТ C КНОПКАМИ (СКАЧАТЬ МАТЕРИАЛ И ЖАЛОБА) ДЛЯ 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>
<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; }
.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>
.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>
Вот и всё!
Файлы для скачивания отсутствуют.
Поблагодарить автора
Автор: milan_shubin
ИсточникМатериал взят с другого сайта
Комментарии (0)