[Хак] Вид attachment

Тема в разделе "DataLife Engine", создана пользователем mtrolik, 16 июн 2013.

  1. mtrolik

    mtrolik

    Регистрация:
    7 дек 2012
    Сообщения:
    195
    Симпатии:
    39
    [​IMG]
    Стильный аттачмент. Полностью на CSS3 и вообще без картинок. Небольшой js-скриптик для вывода всплывающего блока, который обеспечивает сохранения более-менее точной статистики по скачиваниям т.к. отсутствуют случайные клики.

    Скачать инструкцию по установке
     
    tima39rus нравится это.
  2. mtrolik

    mtrolik

    Регистрация:
    7 дек 2012
    Сообщения:
    195
    Симпатии:
    39
    Еще один

    [​IMG]
    Установка:

    1) Открываем engine.css и ищем стили для attachment. Удаляем или комментируем их.
    Дописываем:

    Код:
    /* Вложения */
    span.attachment {
      display:block;
      margin: 10px 0;
      padding: 5px 5px 5px 52px;
      border: 1px solid #DCE7E7;
      background: #F9FAFA url('../images/download.png') 10px 50% no-repeat;
    }
    span.attachment a {
      display:block;
      text-decoration:none;
    }
    span.attachment a:hover {text-decoration:underline;}
    2. Заливаем картинку download.png в папку images. Все

    Скачать картинку

    http://yadi.sk/d/eUulobTU6lykE
     
  3. genic

    genic

    Регистрация:
    20 мар 2013
    Сообщения:
    14
    Симпатии:
    3
    Для полноты, и я добавлю.
    [​IMG]
    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>";[/LEFT]
    $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 class=\"yadg\"><span class=\"yad\"><a href=\"{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}\" >{$lang['att_masprefix']} {$row['name']}</a></span><span class=\"yad1\">{$lang['att_masrazmer']} <b>{$size}</b></span><span class=\"yad2\">{$lang['att_dcount']} <b>{$row['dcount']}</b> {$lang['att_dcountraz']}</span></div>";
    $replace_2[] = "<div class=\"yadg\"><span class=\"yad\"><a href=\"{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}\" >{$lang['att_masprefix']} \\1</a></span><span class=\"yad1\">{$lang['att_masrazmer']} <b>{$size}</b></span><span class=\"yad2\">{$lang['att_dcount']} <b>{$row['dcount']}</b> {$lang['att_dcountraz']}</span></div>";
    2. Открываем файл стилей вашего шаблона например "engine.css или style.css"
    в самый низ вставляем
    Код:
    /*--Ссылка на скачивание--*/
    .yadg {margin: 5px 0px;}
    .yad a {padding: 3px 10px; background: #587E0A; color: #fff; text-shadow: 0px 1px 1px #364D08; border-radius: 2px; box-shadow: inset 0px 1px 0px #9BC446, inset 0px 3px 7px #83A739, 0px 1px 0px #fff; border: 1px solid #5F7E1F;}
    .yad a:hover {background: #45453D; color: #fff; text-shadow: 0px 1px 1px #000; box-shadow: inset 0px 1px 0px #A3A39B, inset 0px 3px 7px #848479, 0px 1px 0px #fff; border: 1px solid #45453D;}
    /*--Размер файла--*/
    .yad1 {text-transform: uppercase; margin-left: 7px; background: #DBDBDB; padding: 3px 10px; color: #7C7C7C; text-shadow: 0px 1px 1px #fff; border-radius: 2px; box-shadow: inset 0px 1px 0px #fff, inset 0px 3px 7px #fff; border: 1px solid #DBDBDB;}
    .yad1 b {color: #597F0B;}
    /*--Количество скачиваний--*/
    .yad2 {text-transform: uppercase; margin-left: 7px; background: #DBDBDB; padding: 3px 10px; color: #7C7C7C; text-shadow: 0px 1px 1px #fff; border-radius: 2px; box-shadow: inset 0px 1px 0px #fff, inset 0px 3px 7px #fff; border: 1px solid #DBDBDB;}
    .yad2 b {color: #597F0B;}
    3. Открываем языковой файл /language/Russian/website.lng
    находим
    ниже вставляем
    Все. Никаких картинок, только CSS.​
     
    $iD нравится это.