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
 

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

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


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Выводим дополнительные поля в похожих новостях или немного о новых возможностях модуля Block.Pro.2 by ПафНутиЙ.


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

Предупреждаю сразу: владельцам говнохостингов не стоит читать эту статью, так же как и не стоит злоупотреть возможностями самого модуля 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 и пишем туда вот это:
<li>
    <div class="rel-img"><img src="[xfgiven_image][xfvalue_image][/xfgiven_image][xfnotgiven_image]{THEME}/images/noimage.png[/xfnotgiven_image]" width="50" height="50" alt="{title}" /></div>
    <div class="rel-text">
        <p><span class="rel-date">{date=d.m.Y}</span> <a href="{full-link}">{title limit="50"}</a> (<span title="комментарии">{comm_num}</span>)</p>
        <p>{text limit="100"}</p>
        [xfgiven_add_video]<span class="video">Есть видео</span>[/xfgiven_add_video]
        [xfgiven_add_foto] <span class="foto">Есть фото</span> [/xfgiven_add_foto]
        [xfgiven_add_audio] <span class="audio">Есть аудио</span> [/xfgiven_add_audio]
    </div>
</li>

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

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;}


CSS-код написан для "причесывания" внешнего вида блока, не более того.

5. Чистим кеш сайта и наслаждаемся результатом.

ВНИМАНИЕ! Включение обработки картинок скорее всего повесит (рано или поздно) говнохостинг, поэтому..... в общем думайте головой, прежде чем чтото ставить на сайт.

Z block.pro.2.2.zip Размер: 5.03 Kb, скачали 47 раз актуально на 03.01.2012

Актуальную версию модуля вы можете взять на сайте автора

Автор модуля: ПафНутиЙ.


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

#1dleblogru

  • 6 января 2012 13:41
  • Регистрация: 23.06.2011
  • ICQ: --
  • Комментариев: 4
А без доп. полей никак?! Есть же возможность проверки row ['stortstory'] на img, video и audio, зачем столько сложностей с доп. полями?! Ну А вообще идея отличная!

+1

#2SaD

  • 6 января 2012 17:05
  • Регистрация: 23.02.2011
  • ICQ: --
  • Комментариев: 502
Говнохостинг, говнохостинг...а у самого сайт лежит crazy

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

0

#3k0d1

  • 6 января 2012 17:23
  • Регистрация: 5.01.2010
  • ICQ: --
  • Комментариев: 6
SaD, haha biggrin

0

#4kiosaki

  • 6 января 2012 17:45
  • Регистрация: 2.09.2009
  • ICQ: --
  • Комментариев: 171
MySQL Error!
------------------------

The Error returned was:
Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2)

Error Number:
1

0

#5ПафНутиЙ

  • 7 января 2012 19:04
  • Регистрация: 8.03.2010
  • ICQ: 817233
  • Комментариев: 400
SaD,
Как показывает практика ложатся даже такие гиганты как Яша. Не вижу ничего критичного в том, что происходят сбои в работе сервера.

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

+1

#6kiosaki

  • 9 января 2012 00:12
  • Регистрация: 2.09.2009
  • ICQ: --
  • Комментариев: 171
Согласен, у всех ложатся бывает. Ничего страшного, просто случайность.
Спасибо автору за пояснения своего модуля, это очень полезно. Если будут еще пояснения использования этого модуля - с удовольствием прочитаю и воспользуюсь.

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

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)

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

Искать людей

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