prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Всё для DataLife Engine » DLE модули » Блок новые фильмы для dle 9x

Блок новые фильмы для dle 9x


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Блок новые фильмы для dle 9x.


Блок новые фильмы для dle 9x


Блок новые фильмы для dle 9x


Создаем шаблон с названием например new-films.tpl
Кидаем туда это
<li class="item cf item-video">
                
    <div class="thumb">
        <a class="clip-link" data-id="512" title="смотреть {title} онлайн" href="{full-link}">
            <span class="clip">
                <img src="[xfvalue_sc1]" alt="Скриншот фильма (title}"><span class="vertical-align"></span>
            </span>
                            
            <span class="overlay"></span>
        </a>
    </div>                
                <div class="data">
                    <h4 class="title"><a href="{full-link}" title="{title} смотреть онлайн">{title}</a></h4>
                
                    <p class="meta">
                        <span class="author">Кто добавил?<a href="{full-link}" title="Онлайн фильм {title}" rel="author">{author}</a></span>
                        <span class="time">Добавил: {author} </span>
                    </p>
                    
                    <p class="stats"><span class="views"><i class="count">{views}</i> <span class="suffix">Просмотры</span></span><span class="comments"><i class="count">{comments-num}</i> <span class="suffix">Комментарий</span></span><span class="dp-post-likes likes"><i class="count" data-pid="512">{vote-num}</i> <span class="suffix">Приняли участие в голосовании:</span></span></p>
                </div>
            </li>


В нужном месте прописать
<div id="dp-widget-posts-2" class="widget widget-posts">        
        <div class="widget-header"><h3 class="widget-title">5 новых</h3></div>        
        <ul class="post-list">

            {custom category="2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19" template="new-films" aviable="global" from="0" limit="5" cache="yes"}
</ul>
</div>


и добавить в ваш style CSS это
    /*== БЛОК НОВЫЕ ФИЛЬМЫ
*=================================*/


/* Basic Overlay style */
.thumb .overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
        background-image:url(../images/icon-plus-24.png);
    background-repeat:no-repeat;
    background-position:center center;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.25s;
    -moz-transition:.25s;
    -ms-transition:.25s;
    -o-transition:.25s;
    transition:.25s;
}
.thumb:hover .overlay {
    cursor:pointer;
    visibility:visible;
    opacity:1;
}
.item-video .thumb .overlay{
    background-image:url(../images/icon-play-24.png);
}
    
    
    /*== Common Thumbnail Style
*=================================*/

/* Absolute Center(Vertical & Horizontal) Image */
.thumb {
    position:relative;
    background:#000;
    overflow:hidden;
    vertical-align:bottom;
    _line-height:0;
    display:inline-block;
}
.thumb .clip-link {
    position:absolute;
    _position:static;
    bottom:-100px;
    top:-100px;
    left:-100px;
    right:-100px;
    text-align:center;
    white-space:nowrap;
    word-break:normal;
}
.thumb .clip {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.thumb .clip img,.thumb .vertical-align {
    display:inline-block;
    vertical-align:middle;
}
.thumb .clip .vertical-align {
    height:100%;
}  
    
    /*== Basic Widget Style
*=================================*/
.widget {
    margin-bottom:30px;
    overflow:hidden;
}
.widget-header {
    border-bottom:1px solid #FFF;
    text-transform:uppercase;
    margin:0 0 8px;
}
.widget-title {
    display:block;
    border-bottom:1px solid #DDD;
    line-height:24px;
    font-size:15px;
    margin:0;
    font-family:"Open Sans",sans-serif;
    padding-bottom:6px;
}
.widget>ul,.widget>ol {
    margin-top:-8px;
    margin-bottom:-2px;
}
.widget li {
    padding:4px 0 4px 12px;
    border-top:1px solid #FFF;
    border-bottom:1px solid #DDD;
    background:url(../images/blt-arrow.png) no-repeat 0 12px;
    position:relative;
    top:-1px;
}
.widget p{
    margin:0 0 10px;
}
.widget select {
    width:100%;
    border: 1px solid #CCC;
}
    
/*== Common Item Style
*=================================*/
.item h2,.item p {
    margin:0
}
.item img,
.item video,
.item object {
    max-width:100%;
    height: auto;
}
.item .thumb {
    margin:0 0 5px;
}
.item .screen {
    background:#333;
    margin:0 0 10px;
}
.item .item-wrap,
.item .item-wrap iframe {
    background:#333;
}
.item .title {
    font-size:13px;
    margin:0;
}
.item .title a {
    color:#111
}
.item .title a:hover {
    color:#B70000;
}
.item .meta,.item .stats {
    color:#AAA;
    font-size:11px;
    line-height:13px;
    margin:0 0 5px;
}
.item .stats i {
    font-style:normal;
}
.item .stats a {
    color:#AAA
}
.item .stats a:hover {
    color:#555
}
.item .stats .views,
.item .stats .likes,
.item .stats .comments {
    margin-right:10px;
    padding-left:16px;
    background:url(../images/stats.png) no-repeat 0 1px;
}
.item .stats .views {
    padding-left:18px;
}
.item .stats .comments {
    background-position:0 -19px
}
.item .stats .comments:hover {
    background-position:0 -39px
}
.item .stats .likes {
    background-position:0 -58px
}
.item .stats .liked {
    background-position:0 -78px
}
.item .desc {
    line-height:1.5;
    font-size:12px;
    overflow:hidden;
    width:100%;
    padding: 5px 0 0;
}  

/*== Widget Posts
*=================================*/
.widget-posts ul {
    overflow:hidden
}
.widget-posts ul li {
    list-style:none;
    padding:0;
    background:none;
}
.widget-posts .title {
    height:20px;
    line-height:20px;
    overflow:hidden;
    font-size:12px;
}
.widget-posts .meta,.widget-posts .stats {
    font-size:11px
}
.widget-posts .author {
    display:none
}
.widget-posts .suffix {
    display: none
}

/* List Style */
.widget-posts .post-list li {
    padding:10px 0;
    border-bottom:1px solid #DDD;
    border-top:1px solid #FFF;
    overflow:hidden;
    margin:0;
    position:relative;
}
.widget-posts .post-list .thumb {
    width:120px;
    height:68px;
    float:left;
    margin:0;
}
.widget-posts .post-list .thumb img {
    width:120px;
}
.widget-posts .post-list .data {
    margin-left:130px
}
.widget-posts .post-list .title {
    margin-bottom:5px
}
.widget-posts .post-list .meta {
    margin-bottom: 5px
}


category="2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19" категории указываются через запятую
template="new-films" Имя шаблона для вывода блока
limit="5" Количество новостей в блоке
[xfvalue_sc1] Тут указываем Имя дополнительного поля с картинкой
Смотреть демо
Z images.rar Размер: 10.3 Kb, скачали 332 раз


+1
Просмотры: 6980 VIP ProWebber | Комментарии (21)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1SevenGraff

  • 29 июля 2012 18:25
  • Регистрация: 9.02.2011
  • ICQ: --
  • Комментариев: 41
23neon23,
4. Запрещено материться и оскорблять пользователей сайта.
§4. Не соблюдение правила №4 – наказание «Бан на 2 или больше дней».
Меня попросили я выложил.
Грамотей писать научись.

0

#2ACTIV1

  • 29 июля 2012 19:28
  • Регистрация: 9.02.2011
  • ICQ: --
  • Комментариев: 43
Мне нравиться))) Спасибо!

+1

#3pilot233

  • 29 июля 2012 20:42
  • Регистрация: 17.11.2009
  • ICQ: --
  • Комментариев: 126
Поддерживает только картинки из дополнительных полей???

0

#4Andrey™

  • 29 июля 2012 20:59
  • Регистрация: 28.09.2010
  • ICQ: --
  • Комментариев: 153
  • Выкл.
От добавления этого css у многих испортится шаблон.

+1

#5ACTIV1

  • 30 июля 2012 00:36
  • Регистрация: 9.02.2011
  • ICQ: --
  • Комментариев: 43
Andrey™, кстати да, у меня мелкие баки появились....

0

#6SevenGraff

  • 30 июля 2012 01:22
  • Регистрация: 9.02.2011
  • ICQ: --
  • Комментариев: 41
pilot233,
Можно выводить рисунки тегом {image-1}
{image-1} выводит URL первой картинки в краткой новости.

ACTIV1,
Какие баги? опиши

Andrey™,
а что именно ? съезжает в право?
проверял на opera 12.00, mozilla firefox 14.0.1, IE 9, google chrome и еще на 3трех шаблонах Default-Gemini-Pisces
вроде ровно все.

0

#7mod

  • 30 июля 2012 10:13
  • Регистрация: 23.09.2009
  • ICQ: 7887771
  • Комментариев: 23
А что за шаблон?
Нашел.

0

#8realyhead

  • 30 июля 2012 20:32
  • Регистрация: 14.02.2011
  • ICQ: --
  • Комментариев: 119
а что за шаблон на скриншоте используется?

0

#9serforall

  • 30 июля 2012 22:40
  • Регистрация: 6.12.2011
  • ICQ: --
  • Комментариев: 205
  • Выкл.
mod,
И что же это?

--------------------

0

#10mod

  • 31 июля 2012 04:09
  • Регистрация: 23.09.2009
  • ICQ: 7887771
  • Комментариев: 23
realyhead, serforall,
Beatlive

0

#11lor10

  • 31 июля 2012 11:31
  • Регистрация: 4.06.2012
  • ICQ: --
  • Комментариев: 5
Очень прикольно спасибо автор )

--------------------

+1

#12Nano

  • 13 августа 2012 17:37
  • Регистрация: 22.04.2012
  • ICQ: --
  • Комментариев: 20
а можно ли как-то сделать блок в горизонтальном положений ?

0

#1323neon23

  • 14 августа 2012 22:12
  • Регистрация: 19.04.2010
  • ICQ: 4536197
  • Комментариев: 254
  • Выкл.
SevenGraff, больно тут нужна орфография. Такой правильный? Тогда иди работай учителем русского языка.

0

#14p47Man

  • 28 августа 2012 22:30
  • Регистрация: 13.01.2012
  • ICQ: --
  • Комментариев: 6
ваще норм =) ph34r

0

#151164

  • 16 сентября 2012 10:45
  • Регистрация: 16.09.2012
  • ICQ: --
  • Комментариев: 1
ребята! Помогите пожалуйста! У меня dle 8.5 и у меня картинки не выводятся. Что мне нужно вставить между кавычками <img src=""
чтобы вывести 1ое изображение из новости. Спасибо большое

0

#16wexc

  • 24 сентября 2012 09:38
  • Регистрация: 12.03.2011
  • ICQ: --
  • Комментариев: 7
незнаю почиму автору минусы наставили. вот я лишь вчера обновился до новой версии с 9.1 и его хак мне очень помог

0

#17Dr. Neo

  • 6 октября 2012 23:01
  • Регистрация: 3.12.2009
  • ICQ: 370771525
  • Комментариев: 400
  • Выкл.
Цитата: qazwww
Обьесните как делать
[xfvalue_sc1] Тут указываем Имя дополнительного поля с картинкой

Если картинка у тебя выводится через доп. поле. То вставь вместо тот тег, каким выводишь у себя картинку.

0

#18ulvan

  • 11 октября 2012 00:28
  • Регистрация: 18.05.2010
  • ICQ: --
  • Комментариев: 20
Симпатично, но поставилось криво

0

#19Voog

  • 4 декабря 2012 07:45
  • Регистрация: 10.09.2012
  • ICQ: --
  • Комментариев: 2
изображение поставилось по центру , а остальные данные выходят за блок
как можно отредактировать , сдвинуть все это дело ?



0

#20dmi-yam

  • 17 марта 2013 10:43
  • Регистрация: 29.08.2011
  • ICQ: --
  • Комментариев: 18
Интересно...............

0
1 2
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

Последние комментарии:

Искать людей

Ваши переписки