Красиво оформить ссылку скачивания файла


Хак dle для изменения и придания файлу скачивания оригинальный красивый обтекающий вид с глянцевым черным оттенком, только при помощи CSS кода. Поэтому, вы можете поменять при желании на любой цвет, окрасить в любой цвет изменив немного код CSS. Очень простая установка легкий код.
Хак для дле сайта позволяет красиво оформить ссылку скачивания файла
Установка:
Данный код добавляем в файл css любого каскада стилей вашего шаблона:

#btn-wrap {    position:relative;    padding:5px;    margin:0 auto;    width:230px;    height:50px;    display:block;    text-decoration:none;    margin-bottom:30px;    background: #242428;    background: -webkit-gradient(linear, 0 bottom, 0 top, from(#2d2d30 ), to(#17171a));    background: -moz-linear-gradient(-90deg, #17171a, #2d2d30 );    -webkit-border-radius: 50px;    -moz-border-radius: 50px;    border-radius: 50px;    -webkit-box-shadow: 0 1px 0 #37373b;    -moz-box-shadow: 0 1px 0 #37373b;    box-shadow: 0 1px 0 #37373b;}span.title12{    color: #fff;    font:30px/58px "BebasNeueRegular", Helvetica, Arial, sans-serif;    line-height:50px;    height:50px;    width:230px;    display:block;    position:relative;    -webkit-box-shadow: 0 -1px 0 #8d8d94, 0 1px 1px #0b0b0c;    -moz-box-shadow:  0 -1px 0 #8d8d94, 0 1px 1px #0b0b0c;    box-shadow:  0 -1px 0 #8d8d94, 0 1px 1px #0b0b0c;    background: #52525c;    background: -webkit-gradient(linear, 0 bottom, 0 top, from(#383840 ), to(#5a5a64));    background: -moz-linear-gradient(-90deg, #5a5a64, #383840 );    -webkit-border-radius: 50px;    -moz-border-radius: 50px;    border-radius: 50px;    z-index:5;    -webkit-transition:width .2s ease-out;    -moz-transition:width .2s ease-out;    -o-transition:width .2s ease-out;    text-align:center;    text-shadow: 0  -1px 0 #000;}#btn-wrap:hover span.title12 {    font-size:19px;    width:135px;}#info {    position:absolute;    height:50px;    width:230px;    top:5px;    right:4px;    -webkit-box-shadow: 0 -1px 0 #404042, 0 1px 1px #0b0b0c;    -moz-box-shadow:   0 -1px 0 #404042, 0 1px 1px #0b0b0c;    box-shadow:   0 -1px 0 #404042, 0 1px 1px #0b0b0c;    background: #2a2a2d;    background: -webkit-gradient(linear, 0 bottom, 0 top, from(#212124 ), to(#2a2a2d));    background: -moz-linear-gradient(-90deg, #2a2a2d, #212124 );    -webkit-border-radius: 50px;    -moz-border-radius: 50px;    border-radius: 50px;    z-index:4;}#info p {    width:65px;    margin:12px 17px 0 0;    position:absolute;    right:0;    color:#7c7c84;    font:11px/12px Helvetica, Arial, sans-serif;    text-align:left;}


Заменить аналогичный файл в engine/modules/ для Dle 9.5

functions.php

Внимание ! Не советую заменять файл тупо так, как в каждой версии дле происходит изменение файл functions.php, лучший вариант найти строчку и заменить у себя на сервере в файле functions.php

Ищем в файле functions.php такую строчку

			$replace_1[] = "<span class="attachment"><a href="{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}" >{$row['name']}</a> [{$size}] ({$lang['att_dcount']} {$row['dcount']})</span>";			$replace_2[] = "<span class="attachment"><a href="{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}" >\1</a> [{$size}] ({$lang['att_dcount']} {$row['dcount']})</span>";


Заменяем на :

			$replace_1[] = "<div id="wrap">                        <a href="{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}" id="btn-wrap">                        <span class="title12" href="{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}" >Скачать</span>			<div id="info">			<p>			<strong>Скачали: {$row['dcount']}</strong>			<span>{$size}</span>			</p>			</div>                        </a>		    </div>";			$replace_2[] = "<div id="wrap">                        <a href="{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}" id="btn-wrap">                        <span class="title12" href="{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}" >\1</span>			<div id="info">			<p>			<strong>Скачали: {$row['dcount']}</strong>			<span>{$size}</span>			</p>			</div>                        </a>		    </div>";


Версия DLE: 9.x
«Автор:» LIKVINIK

ПС. Исправленная версия.

Наш портал dle предлагаем хак для dle позволяет красиво оформить ссылку скачивания файла

functions.rar [13,43 Kb] (cкачиваний: 218)
00

Комментарии (0)

Оставить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив