Перейти к содержимому


- - - - -

Изменяем стандартную ссылку скачивания файлов

dle download

  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 Гость_http.kz_*


  • Гости
  • Репутация
    0

Отправлено 01 Ноябрь 2013 - 23:02

Сейчас я вам покажу как изменить стандартную ссылку на скачивание файлов из директории движка, которая выглядит примерно так:
Прикрепленный файл  def.png   1,47К    скачиваний 1

Мы будем заменять данную ссылку на более улучшенный вариант кнопки.
После заменим на обыкновенное изображение.

Итак, приступим.
Заходим в корневую директорию движка. Далее следуем:
engine - modules - 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[] = "<span class=\"attachment\"><a href=\"{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}\" ><div class='effect-download'><span>Скачать ({$size})</span><span>({$row['name']}) ({$lang['att_dcount']} {$row['dcount']})</span></a></div></span>";
$replace_2[] = "<span class=\"attachment\"><a href=\"{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}\" >\\1</a> <div class='effect-download'><span>Скачать ({$size})</span><span>({$row['name']}) ({$lang['att_dcount']} {$row['dcount']})</span></div></span>";
Открываем файл стилей вашего шаблона:
Вставляем следующие:



.effect-download a {
    position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #ababab;
    text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 1.35em;
	padding: 18px 20px;
}

.effect-download a::before,
.effect-download a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0px;
	background: #ababab;
	content: '';
	opacity: 0.2;
	-webkit-transition: opacity 0.3s, height 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s;
	transition: opacity 0.3s, height 0.3s;
}

.effect-download a::after {
	top: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.effect-download a span:first-child {
	margin-right: 10px;
	font-weight: 300;
}

.effect-download a span:last-child {
	float: right;
	padding: 0;
	color: rgba(0,0,0,0.4);
	text-shadow: none;
	text-transform: none;
	font-style: italic;
	font-size: 0.75em;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.effect-download a:hover::before,
.effect-download a:focus::before {
	height: 6px;
}
.effect-download a:hover span:last-child,
.effect-download a:focus span:last-child ,
.effect-download a:hover::before,
.effect-download a:hover::after,
.effect-download a:focus::before,
.effect-download a:focus::after {
	opacity: 1;	
}
Итог:
Прикрепленный файл  def1.png   1,19К    скачиваний 0
при наведении:
Прикрепленный файл  def2.png   1,99К    скачиваний 0



Переходим к второй части урока.
Для того что бы вставить изображение за место ссылки вам потребуется выполнить следующие:
1) Открыть файл functions.php
2) Найти строки указанные выше.
3) Заменить на строки указанные ниже.
$replace_1[] = "<span class=\"attachment\"><a href=\"{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}\" ><img src='изображение' alt='download' /></a></span>";
$replace_2[] = "<span class=\"attachment\"><a href=\"{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}\" >\\1</a><img src='изображение' alt='download' /></div>";
Итог:
Прикрепленный файл  def3.png   1,45К    скачиваний 0

Заработок и обучение заработку




Темы с аналогичными тегами: dle, download