Скрипт на кнопку скачать для Торрент
Стильно по своему дизайн смотрится кнопка скачать под тематику торрент, где сделана в светло синем тоне и выводит информацию. Отлично подойдет на белый фон интернет ресурса, так как под такой формат ее создавали. До этого на сайте размещен был по стилистике кнопка скачать, но только под файлы, где сам дизайн у них аналогичен, что также присутствует вывод всей информации по материалу, что скачивать будите. Но и безусловно это вид, который можно поставить на любой портал, но главное, чтоб он был светлый. Кто хорошо пользуется фотошоп, тот может ее быстро перекрасить. При установке вы безусловно украсите свой сайт, который будет оригинально смотреться, если брать простой дизайн, то этот кардинально от него отличается. Так реально она выглядит: Приступаем к установке: Для начало размещаем код, так где вы хотите: Код <a href="$FILE_DIRECT_URL$" title="Скачать тррент $ENTRY_TITLE$" class="download_button_like_stat" rel="nofollow"> <span class="download_button_like_stat_title">Скачать торрент $ENTRY_TITLE$ </span> <span class="download_button_like_stat_subtitle"><span style="float: right; padding-left: 20px;"><b>Размер торрента:</b> $FILE_SIZE$</span><b>Размер раздачи:</b> $RFILE_SIZE$</span> <span class="download_button_like_stat_subtitle" style="padding-top: 2px; font-size: 10px;"><b>Название файла: </b><?substr($FILE_DIRECT_URL$, strrpos($FILE_DIRECT_URL$,'/') +1)?></span> </a> CSS: Код .vid_mater .message_r a {text-decoration: none; color:#44b1d4; font-family:Tahoma; font-size:11px;} .download_button_like_stat { display: inline-block; background: url('http://zornet.ru/Aben/ABGER/download_icon.png') no-repeat 10px -2px; color: #2DC5EB !important; font-size: 15px !important; font-family: Arial !important; font-weight: bold; text-align: left; height: 60px; padding: 12px 15px 5px 80px; margin: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; max-width: 450px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .download_button_like_stat .download_button_like_stat_title { line-height: 18px; } .download_button_like_stat .download_button_like_stat_subtitle { display: block; color: #858a93; font-size: 11px; font-family: Arial; font-weight: normal; text-transform: uppercase; padding: 5px 0 0 0; line-height: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .download_button_like_stat:hover { background-position: 10px -82px; background-color: #f5fbfc; } .download_button_like_stat:hover .download_button_like_stat_title { text-decoration: underline !important; } .download_button_like_stat:hover .download_button_like_stat_subtitle { color: #5C6063; text-decoration: none !important; } На этом вся установка, но здесь вы можете поиграть стилями и сделать оригинально. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 6 | |
| |