• DONATE to NULLED!
    Форуму и его команде можно помочь, мотивировать модераторов разделов.
    Помогите модератору этого раздела killoff лично.

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

GLOOMY

Постоялец
Регистрация
24 Авг 2009
Сообщения
92
Реакции
16
Версия DLE: 10.0

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

Но у меня вопрос в другом. Как это реализовать для ссылок на файлообменники, так как это сделано у них?
SGWvN.jpg

Буду всем благодарен за помощь.
 
Ну так есть источник, просто возьмите скрипты готовые вычистите не нужное и адаптируйте под себя, стили там же.. код все есть то :) Или вы хотите что бы для вас кто написал такое?)
 
Или вы хотите что бы для вас кто написал такое?)
Нет, я прошу уточнения как это сделать именно для ссылок на файлообменники. В аттачмент DLE линк на файлообменник не вставишь, как например в движке e107. Не понимаю как это автоматизировать. Не буду же я каждый раз вставлять столько кода в новость.

У них же, прошу заметить, идет название файлообменника, а ниже название новости.
 
Ну начнем с того что кода вставлять не нужно, если все правильно сделать то нужно вставлять только class или id .. а вот по движку DLE ничего вам не подскажу так как не люблю)
 
Последнее редактирование:
Это делается с помощью доп.полей. Создаете дополнительные поля "depositfiles", "letitbit", при добавлении материала добавляете ссылку в дополнительное поле. В шаблоне fullstory.tpl нужно настроить вывод этих доп полей. Наизусть тэги дле не помню, но суть в том, что идет условие:
если допполе1 не пустое
то.... тут идет уже код кнопки и в качестве юрл - содержание допполя1
 
full_story.tpl, вставляем примерно это (точный код сами напишите:(
HTML:
[xfgiven_x]<a href="[xfvalue_x]"><img src="d.png" alt="Скачать {title} с depositfiles"></a> [/xfgiven_x]
Где x - название дополнительного поля; d.png - путь до картинки; {title} - можно использовать для заголовка статьи в описании кнопки
 
Дополню ответ Горбушки
Пример для поля 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;}
}
шрифты и изображение можно скачать к себе на хост
(для других обменников надо только копировать первую часть)
 
Последнее редактирование:
Пример для поля Depositfiles
Спасибо, все работает как надо, только возникло два вопроса.
  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. Откуда берется изображение коробки? Можно ли его сменить на значек видеофайла?
 
Последнее редактирование:
Назад
Сверху