Выводим дополнительные поля в похожих новостях или немного о новых возможностях модуля Block.Pro.2 by ПафНутиЙ |
6-07-2013, 13:46 | автор: admin | категория: Создание сайтов | (комментариев: 0) | | |
Сейчас я расскажу вам, как просто и непринужденно можнож кастомизировать вывод схожих новостей на своём любимом сайте.
Предостерегаю сходу: обладателям говнохостингов не стоит читать эту статью, так же как не стоит злоупотреть способностями самого модуля Block.Pro.2. Хоть модуль и кеширует блоки, от кривых рук охраны пока не существует. Итак Традиционно схожие новинки на сайте смотрятся вот так: Как то это не чрезвычайно смотрится в движке, позиционирующемся как новостной, не правда ли? Сейчас мы создадим из этого безобразия вот таковой вот вид: Так еще нагляднее неправда ли?И это лишь обычный пример вывода. Ну а сейчас обо всём по порядку Что имеем: 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;} |
|
Похожие новости | |
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.