Ищу Кнопка скачать как на prowebber для файлообменников

Тема в разделе "DLE", создана пользователем GLOOMY, 13 ноя 2013.

Информация :
Актуальная версия DataLife Engine 11.1
( Final Release v.11.1 | Скачать DataLife Engine | Скачать 11.1 demo )
Нужно ли обновляться | Как обновиться | Изменения в шаблонах
> Нет русских символов <
[Приватная тема DLE (Все подробности в ЛС к модератору раздела)]

Версии 10.0 и ниже - уязвимы!

Локализации | F.A.Q. | Внешний вид
Правила раздела | Правила форума
Обсуждение хайда карается баном!
В каждом сообщении указывайте версию DLE, которого они касаются!
Модераторы: killoff
  1. GLOOMY

    GLOOMY Постоялец

    Регистр.:
    24 авг 2009
    Сообщения:
    71
    Симпатии:
    6
    Версия DLE: 10.0

    Все видели кнопку скачать на сайте prowebber. Нашел как это сделать для прикрепленных файлов здесь.
    Так же нашел, судя по всему, первоисточник этой нопки здесь.

    Но у меня вопрос в другом. Как это реализовать для ссылок на файлообменники, так как это сделано у них?
    [​IMG]
    Буду всем благодарен за помощь.
     
  2. jekadog

    jekadog Постоялец

    Регистр.:
    14 дек 2012
    Сообщения:
    70
    Симпатии:
    36
    Ну так есть источник, просто возьмите скрипты готовые вычистите не нужное и адаптируйте под себя, стили там же.. код все есть то :) Или вы хотите что бы для вас кто написал такое?)
     
  3. GLOOMY

    GLOOMY Постоялец

    Регистр.:
    24 авг 2009
    Сообщения:
    71
    Симпатии:
    6
    Нет, я прошу уточнения как это сделать именно для ссылок на файлообменники. В аттачмент DLE линк на файлообменник не вставишь, как например в движке e107. Не понимаю как это автоматизировать. Не буду же я каждый раз вставлять столько кода в новость.

    У них же, прошу заметить, идет название файлообменника, а ниже название новости.
     
  4. jekadog

    jekadog Постоялец

    Регистр.:
    14 дек 2012
    Сообщения:
    70
    Симпатии:
    36
    Ну начнем с того что кода вставлять не нужно, если все правильно сделать то нужно вставлять только class или id .. а вот по движку DLE ничего вам не подскажу так как не люблю)
     
    Последнее редактирование: 14 ноя 2013
  5. excel

    excel Постоялец

    Регистр.:
    13 май 2013
    Сообщения:
    137
    Симпатии:
    17
    Это делается с помощью доп.полей. Создаете дополнительные поля "depositfiles", "letitbit", при добавлении материала добавляете ссылку в дополнительное поле. В шаблоне fullstory.tpl нужно настроить вывод этих доп полей. Наизусть тэги дле не помню, но суть в том, что идет условие:
    если допполе1 не пустое
    то.... тут идет уже код кнопки и в качестве юрл - содержание допполя1
     
    Горбушка нравится это.
  6. Горбушка

    Горбушка Ищу её...

    Регистр.:
    2 май 2008
    Сообщения:
    3.034
    Симпатии:
    2.035
    full_story.tpl, вставляем примерно это (точный код сами напишите:(
    HTML:
    [xfgiven_x]<a href="[xfvalue_x]"><img src="d.png" alt="Скачать {title} с depositfiles"></a> [/xfgiven_x]
    Где x - название дополнительного поля; d.png - путь до картинки; {title} - можно использовать для заголовка статьи в описании кнопки
     
    GLOOMY нравится это.
  7. yavasilek

    yavasilek vasilek_gorbunok

    Регистр.:
    5 окт 2008
    Сообщения:
    1.175
    Симпатии:
    423
    Дополню ответ Горбушки
    Пример для поля Depositfiles
    Создаем доп поле depositfiles и в шаблоне в нужном месте прописываем
    HTML:
    [xfgiven_depositfiles]<a href="[xfvalue_depositfiles]" class="a-btn">
        <span class="a-btn-symbol">Z</span>
        <span class="a-btn-text">Depositfiles.com</span>
        <span class="a-btn-slide-text">{title}</span>
        <span class="a-btn-slide-icon"></span>
    </a>[/xfgiven_depositfiles]
    В файл стилей добавляем
    HTML:
    @font-face{
    font-family: 'WebSymbolsRegular';
    src: url('http://www.webmasters.by/images/articles/css3-animated-buttons/AnimatedButtons/css/websymbols/websymbols-regular-webfont.eot');
    src: url('http://www.webmasters.by/images/articles/css3-animated-buttons/AnimatedButtons/css/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('http://www.webmasters.by/images/articles/css3-animated-buttons/AnimatedButtons/css/websymbols/websymbols-regular-webfont.woff') format('woff'),
    url('http://www.webmasters.by/images/articles/css3-animated-buttons/AnimatedButtons/css/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
    url('http://www.webmasters.by/images/articles/css3-animated-buttons/AnimatedButtons/css/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    .a-btn{
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    padding:10px 30px 10px 70px;
    position:relative;
    float:left;
    display:block;
    overflow:hidden;
    margin:10px;
    background:#fff;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(255,255,255,1),0),color-stop(rgba(246,246,246,1),0.74),color-stop(rgba(237,237,237,1),1));
    background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    -webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;
    }
    .a-btn-symbol{
    font-family:'WebSymbolsRegular', cursive;
    color:#555;
    font-size:20px;
    text-shadow:1px 1px 2px rgba(255,255,255,0.5);
    position:absolute;
    left:20px;
    line-height:32px;
    -webkit-transition:opacity 0.3s ease-in-out;
    -moz-transition:opacity 0.3s ease-in-out;
    -o-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
    }
    .a-btn-text{
    font-size:20px;
    color:#d7565b;
    line-height:16px;
    font-weight:bold;
    font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
    text-shadow:1px 1px 2px rgba(255,255,255,0.5);
    display:block;
    }
    .a-btn-slide-text{
    font-family:Arial, sans-serif;
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#555;
    text-shadow:0px 1px 1px rgba(255,255,255,0.9);
    }
    .a-btn-slide-icon{
    position:absolute;
    top:-30px;
    width:22px;
    height:22px;
    background:transparent url(../images/arrow_down_black.png) no-repeat top left;
    left:20px;
    opacity:0.4;
    }
    .a-btn:hover{
    background:#fff;
    -webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
    }
    .a-btn:hover .a-btn-symbol{
    opacity:0;
    }
    .a-btn:hover .a-btn-slide-icon{
    -webkit-animation:slideDown 0.9s linear infinite;
    -moz-animation:slideDown 0.9s linear infinite;
    animation:slideDown 0.9s linear infinite;
    }
    .a-btn:active{
    background:#d7565b;
    -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
    }
    .a-btn:active .a-btn-text{
    color:#fff;
    text-shadow:0px 1px 1px rgba(0,0,0,0.3);
    }
    .a-btn:active .a-btn-slide-text{
    color:rgba(0,0,0,0.4);
    text-shadow:none;
    }
    @keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
    }
    @-webkit-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
    }
    @-moz-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
    }
    шрифты и изображение можно скачать к себе на хост
    (для других обменников надо только копировать первую часть)
     
    Последнее редактирование: 15 ноя 2013
    GLOOMY и excel нравится это.
  8. Горбушка

    Горбушка Ищу её...

    Регистр.:
    2 май 2008
    Сообщения:
    3.034
    Симпатии:
    2.035
    Ещё раз назовёшь горбушей - убью... Я Горбушка
     
    funnywheel нравится это.
  9. yavasilek

    yavasilek vasilek_gorbunok

    Регистр.:
    5 окт 2008
    Сообщения:
    1.175
    Симпатии:
    423
    сори:thenks: невнимательный я:ah: исправил:party:
    последние 2а сообщения можно подчистить :beer:
     
  10. GLOOMY

    GLOOMY Постоялец

    Регистр.:
    24 авг 2009
    Сообщения:
    71
    Симпатии:
    6
    Спасибо, все работает как надо, только возникло два вопроса.
    1. Если взять в шаблоне данный код в теги <center></center>, то кнопка остается все-равно с левого края, но текст в ней самой центрируется. Как сделать ее по центру?
      HTML:
      [xfgiven_depositfiles]<a href="[xfvalue_depositfiles]" class="a-btn">
          <span class="a-btn-symbol">Z</span>
          <span class="a-btn-text">Depositfiles.com</span>
          <span class="a-btn-slide-text">{title}</span>
          <span class="a-btn-slide-icon"></span>
      </a>[/xfgiven_depositfiles]
    2. Откуда берется изображение коробки? Можно ли его сменить на значек видеофайла?
     
    Последнее редактирование: 15 ноя 2013