Заработок в интернете » Создание сайтов » Выводим дополнительные поля в похожих новостях или немного о новых возможностях модуля Block.Pro.2 by ПафНутиЙ

Выводим дополнительные поля в похожих новостях или немного о новых возможностях модуля Block.Pro.2 by ПафНутиЙ



6-07-2013, 13:46 | автор: admin | категория: Создание сайтов | (комментариев: 0) |

Сейчас я расскажу вам, как просто и непринужденно можнож кастомизировать вывод схожих новостей на своём любимом сайте.

Предостерегаю сходу: обладателям говнохостингов не стоит читать эту статью, так же как не стоит злоупотреть способностями самого модуля Block.Pro.2.
Хоть модуль и кеширует блоки, от кривых рук охраны пока не существует.


Итак
Традиционно схожие новинки на сайте смотрятся вот так:
Выводим дополнительные поля в похожих новостях или немного о новых возможностях модуля Block.Pro.2 by ПафНутиЙ


Как то это не чрезвычайно смотрится в движке, позиционирующемся как новостной, не правда ли?

Сейчас мы создадим из этого безобразия вот таковой вот вид:

Выводим дополнительные поля в похожих новостях или немного о новых возможностях модуля Block.Pro.2 by ПафНутиЙ

Так еще нагляднее неправда ли?И это лишь обычный пример вывода.

Ну а сейчас обо всём по порядку

Что имеем:
1. Четыре доп поля - картина, и три "метки"(наличие видео, фото и акустические в новинки), которые обязаны выводиться в схожих новинках. При всем этом картина обязана убавляться до размеров 50х50px.
2. Необходимо вывести дату.
3. Необходимо вывести количество комментариев к новинки.

Приступим:

1. Идём в админку и отключаем вывод схожих новостей на сайте.
2. Заливаем файл block.pro.2.php в папку engine/modules/ При всем этом не забываем создать в папке uploads папку blockpro, выставив на неё CHMOD 777
3. Раскрываем файл engine/modules/show.full.php обретаем: if( $config['related_news']){
и ВЫШЕ вставляем: /*Block.Pro - relatednews*/
        $block_id = 'related_'.$row['id']; //Не трогать!
        $relatedpro = "1"; //Не трогать!
        $template="relatednews"; // Имя шаблона(можнож поменять)
        $img_xfield = "image"; //Имя доп поля, из которого будет браться картина для уменьшения
        $img_size = "50x50"; //Размер уменьшенной копии картинки
        $news_num = 5; //Количество новостей
        include_once ENGINE_DIR. '/modules/block.pro.2.php';
        /*Block.Pro - relatednews*/

3. Раскрываем файл relatednews.tpl и пишем туда вот это:

    
[img]http://prowebber.ru/[xfgiven_image][xfvalue_image][/xfgiven_image][xfnotgiven_image]{THEME}/images/noimage.png[/xfnotgiven_image][/img]

    
        {date=d.m.Y} {title limit="50"}({comm_num})
        {text limit="100"}
        [xfgiven_add_video]Есть видео[/xfgiven_add_video]
        [xfgiven_add_foto] Есть фото [/xfgiven_add_foto]
        [xfgiven_add_audio] Есть акустические [/xfgiven_add_audio]
    

Доп поля приведены из моего движка, потому меняем их на свои.
ВАЖНО: в доп поле с картинкой обязана лежать лишь ровная ссылка на изображение.

4. Раскрываем css-файл и в конец дописываем:
.related ul li {
    background: none;
    padding: 5px 0;
    position: relative;
    }    
  
.related ul li:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    }
      .related ul li {
        display: inline-block;
        }    
        html[xmlns].related ul li {
            display: block;
            }        
        * html.related ul li {
            height: 1%;
            }  
.related ul li p {
    margin: 0;
    }  
    .rel-img {
        float: left;
        padding: 3px;
        border: solid 1px #c0d4de;    
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 3px 10px 0 0;
        }    
    .rel-text {
        overflow: hidden;
        }    
        .rel-date {
            font: italic normal 12px Georgia, "Times New Roman", serif;    
            color: #708893;    
            text-shadow: 1px 1px 0 #fff;
            }
        .foto,.video,.audio {
            color: #fff;
            display: inline-block;
            margin-top: 5px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            padding: 1px 3px;
            }  
            .foto {background: #9966cc;}
            .video {    background: #6d4595;}
            .audio {    background: #596368;}

Похожие новости



Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.