Блок - Новые видео для DLE или блок новых новостей

13 сентября 2012 - Андрей
Блок - Новые видео для DLEБлок - Новые видео для DLE


Данный хак выведет новые новости из определённых категорий в блоке, который хорошо встраивается в любой дизайн, если же есть какие-то недочёты, можно их исправить с помощью CSS кода.

Установка: (так же есть в архиве)

1: Файл blok_news.tpl и Папку images кинуть в папку с шаблоном

2: В нужном месте прописать

<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="1,2,3,4,5,6" template="blok_news" aviable="global" from="0" limit="5" cache="yes"}</ul></div>


3: Добавить в ваш 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}


Скачать хак - Блок новые видео или блок новых новостей для DLE
1347559549_blok_video.rar | 13.11 Кб | Скачан: 172 раза
Рейтинг: 0 Голосов: 0 184 просмотра
Комментарии (0)

Нет комментариев. Ваш будет первым!