FAQ Немножко о Виджетах на Главной CMS

Администратор · Регистрация: 27.02.2009

В данной статье рассмотрено несколько настроек vBulletin CMS из версии vB 4.1.5

Как удалить виджет с Главной страницы CMS или добавить?

Админ панель - vBulletin CMS - Управление размещениями

Выбираем Категорию Home (25,75,240px) 2 Column + Sidebar (25%, 75%, 240px), выбираем Редактировать и жмём Вперед
И видим визуально, размещение блоков и виджетов на нашей Главной странице.

Дальше всё просто.

Слева список Виджетов, которые мы можем добавить на нашу страницу, после добавления их можно удерживая левую кнопку мыши - перемещать в желаемое место на странице.
А нажав у размещенного виджета на Крестик, сможем его удалить.

Изменим внешний вид виджета Последние статьи (Recent Articles)

Для этого придется подправить шаблон vbcms_widget_recentarticle_page

Заменить всё его содержимое вот этим кодом:

PHP код:



<div class="cms_widget">
<div class="block">
    <div class="cms_widget_header">
        <h3><img alt="" src="{vb:stylevar imgdir_cms}/widget-forum.png" /> {vb:raw widget_title}</h3>
    </div>
    <div class="cms_widget_content widget_content">
        <vb:each from="articles" key="contentid" value="article">
            <div class="cms_widget_post_bit widget_post_bit">
                <div class="cms_widget_post_comment widget_post_comment" style="margin-left:0!important;">
                    <vb:if condition="$article['showtitle'] OR $article['settingsforboth'] == 2">
                        <h4 class="cms_widget_post_header widget_post_header"><a href="{vb:raw article.page_url}">{vb:raw article.title}</a></h4>
                    </vb:if>
                    <vb:if condition="$article['showuser'] OR $article['settingsforboth'] == 2">
                        <a href="{vb:link member, {vb:raw article}}" class="username">{vb:raw article.username}</a>
                    </vb:if>
                    <a href="{vb:raw article.page_url}" class="lastpostdate understate" title="{vb:rawphrase go_to_last_post}"><vb:if condition="$article['showpublishdate'] OR $article['settingsforboth'] == 2">{vb:date {vb:raw article.publishdate}, {vb:raw vboptions.dateformat}}<vb:if condition="!$show['detailedtime']">, <span class="time">{vb:date {vb:raw article.publishdate} {vb:raw vboptions.timeformat}}</span></vb:if></vb:if></a>
                </div>
            </div>
        </vb:each>
    </div>
</div>
</div>

В итоге получим:

Специально для pcvector.ru
(при копировании указывайте кликабельную ссылку на источник)

Неактивный · Регистрация: 05.05.2011

Описанное выше работает и на v.4.1.1. Только что применил. Фонд Дело каждого - Главная страница
Спасибо pcvector'у!
Прошу сказать, где pcvector черпает информацию или этот опыт сын ошибок трудных?

Администратор · 16.09.2011, 22:44

Цитата:

Сообщение от vasiaofcose

где pcvector черпает информацию

Вы задали вопрос и Vector проделал то же самое на denwer'е и вот вам FAQ (мануал)

Неактивный · Регистрация: 05.05.2011

Пытался по аналогии поправить шаблон виджета последних сообщений на форуме
vbcms_widget_recentposts_page
но наглядность потерялась. http://blagfond74.ru
Для разделения секций вставил картинку widget-forum.png

в начале каждого post.previewtext.

текст не удалял, а заключил его в теги коментариев html <!-- .. --!>

PHP код:



<div class="cms_widget">
    <div class="block">
        <div class="cms_widget_header">
            <h3><img alt="" src="{vb:stylevar imgdir_cms}/widget-forum.png" /> {vb:raw title}</h3>
        </div>
        <div class="cms_widget_content widget_content">
        <vb:each from="posts" key="postid" value="post">
            <div class="cms_widget_post_bit widget_post_bit">
<!--
                <div class="cms_widget_post_userinfo widget_post_userinfo">
                <vb:if condition="$post['username']!='guestuser' AND $vboptions['avatarenabled']">
                    <div class="cms_widget_post_useravatar widget_post_useravatar">
                        <a class="comments_member_avatar_link" href="{vb:link member, {vb:raw post}}">
                        <vb:if condition="$post['avatarurl']" >
                            <img src="{vb:raw post.avatarurl}" alt="{vb:raw post.username}" />
                        <vb:else />
                            <img src="{vb:stylevar imgdir_misc}/unknown.gif" alt="{vb:raw post.username}" />
                        </vb:if>
                        </a>
                    </div>
                </vb:if>
                </div>
--!>


<div class="cms_widget_post_comment widget_post_comment" style="margin-left:0!important;">

<!--
строка выше вместо...
<div class="cms_widget_post_comment<vb:if condition="!$vboptions['avatarenabled']">_noavatar</vb:if> widget_post_comment<vb:if condition="!$vboptions['avatarenabled']">_noavatar</vb:if>">
--!>

<p class="cms_widget_post_content widget_post_content">
<img src="{vb:stylevar imgdir_cms}/widget-forum.png" alt="" />
{vb:raw post.previewtext}</p>

<!--
строка выше вместо ...
<p class="cms_widget_post_content widget_post_content">
{vb:raw post.previewtext}</p>
--!>

                    <vb:if condition="$post['posttitle']">
                        <h4 class="cms_widget_post_header widget_post_header">
                          <a href="{vb:link thread, {vb:raw post}}">{vb:raw post.posttitle}</a>
                        </h4>
                    <vb:else />
                        <h4 class="cms_widget_post_header widget_post_header">
                          <a href="{vb:link thread, {vb:raw post}}">{vb:raw post.title}</a>
                        </h4>
                    </vb:if>
                    <vb:if condition="$post['username'] == 'guestuser'">
                        {vb:raw post.username}
                    <vb:else />
                        <a href="{vb:link member, {vb:raw post}, null, 'userid', 'username'}">{vb:raw post.username}</a>
                    </vb:if>
                    {vb:raw post.date}<vb:if condition="!$show['detailedtime']">, <span class="time">{vb:raw post.time}</span></vb:if>
                            <a href="{vb:raw post.url}">
                            <img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" />
                            </a>
                    </div>
                    <vb:comment>
                    <div class="cms_widget_views">{vb:raw post.replycount}&nbsp;{vb:rawphrase replies}</div>
                    </vb:comment>
            </div>
        </vb:each>
        </div>
    </div>
</div>

Буду рад совету и помощи, как сделать так чтобы картинка была как висячая строка, текст был поджат к ней слева и на одном уровне.

Администратор · 17.09.2011, 18:02

vasiaofcose, во-первых замечу, что закомментирование проихводится вот так (без восклицательного знака в конце)

PHP код:



<div></div>
<!-- Закомментированная строка -->
<div></div>

А вот такой код будет в шаблоне vbcms_widget_recentposts_page

PHP код:



<div class="cms_widget">
    <div class="block">
        <div class="cms_widget_header">
            <h3><img alt="" src="{vb:stylevar imgdir_cms}/widget-forum.png" /> {vb:raw title}</h3>
        </div>
        <div class="cms_widget_content widget_content">
        <vb:each from="posts" key="postid" value="post">
            <div class="cms_widget_post_bit widget_post_bit">
            <img style="float:left;" src="{vb:stylevar imgdir_cms}/widget-forum.png" alt="" />
<!--
                <div class="cms_widget_post_userinfo widget_post_userinfo">
                <vb:if condition="$post['username']!='guestuser' AND $vboptions['avatarenabled']">
                    <div class="cms_widget_post_useravatar widget_post_useravatar">
                        <a class="comments_member_avatar_link" href="{vb:link member, {vb:raw post}}">
                        <vb:if condition="$post['avatarurl']" >
                            <img src="{vb:raw post.avatarurl}" alt="{vb:raw post.username}" />
                        <vb:else />
                            <img src="{vb:stylevar imgdir_misc}/unknown.gif" alt="{vb:raw post.username}" />
                        </vb:if>
                        </a>
                    </div>
                </vb:if>
                </div>
-->


<div class="cms_widget_post_comment widget_post_comment" style="margin-left:0!important;">

<!--
строка выше вместо...
<div class="cms_widget_post_comment<vb:if condition="!$vboptions['avatarenabled']">_noavatar</vb:if> widget_post_comment<vb:if condition="!$vboptions['avatarenabled']">_noavatar</vb:if>">
-->

<p class="cms_widget_post_content widget_post_content">{vb:raw post.previewtext}</p>

<!--
строка выше вместо ...
<p class="cms_widget_post_content widget_post_content">
{vb:raw post.previewtext}</p>
-->

                    <vb:if condition="$post['posttitle']">
                        <h4 class="cms_widget_post_header widget_post_header">
                          <a href="{vb:link thread, {vb:raw post}}">{vb:raw post.posttitle}</a>
                        </h4>
                    <vb:else />
                        <h4 class="cms_widget_post_header widget_post_header">
                          <a href="{vb:link thread, {vb:raw post}}">{vb:raw post.title}</a>
                        </h4>
                    </vb:if>
                    <vb:if condition="$post['username'] == 'guestuser'">
                        {vb:raw post.username}
                    <vb:else />
                        <a href="{vb:link member, {vb:raw post}, null, 'userid', 'username'}">{vb:raw post.username}</a>
                    </vb:if>
                    {vb:raw post.date}<vb:if condition="!$show['detailedtime']">, <span class="time">{vb:raw post.time}</span></vb:if>
                            <a href="{vb:raw post.url}">
                            <img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" />
                            </a>
                    </div>
                    <vb:comment>
                    <div class="cms_widget_views">{vb:raw post.replycount}&nbsp;{vb:rawphrase replies}</div>
                    </vb:comment>
            </div>
        </vb:each>
        </div>
    </div>
</div>

Пользователь · Регистрация: 19.01.2012

Как в данном виджите прикрутить перед названием темы еще чтобы была картинка темы. какая строка за это отвечает. С размерами картинки я разберусь.

Администратор · Регистрация: 27.02.2009

ну дефолтно это не сделать, хак какой-то должен быть по идее

Пользователь · Регистрация: 30.09.2013

Vector, большое человеческое спасибо за первый пост - давно искал, как это сделать - но не мог найти, так как пытался править не "последние статьи", а - "последнее содержимое ЦМС", а там кода больше... кстати так до сих пор и не понял - в чём между ними разница.
Очень хочется поинтересоваться, а как можно было бы убрать картинки в "последних комментариях ЦМС"? (за неимением "последних комментариев к статьям")? а то у меня, как не пробую, всё какая-то извиняюсь хрень получается... :(

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
FAQ Боковая колонка (sidebar) для главной страницы форума	Vector	Категории и разделы (FORUMHOME и т.д.)	11	02.02.2015 21:42
Хаки Custom Announcements - объявление на главной	Vector	Статистика, различные информеры и объявления	11	04.07.2013 12:08
Вопрос Адрес главной страницы	livecheg	Вопросы по vBulletin 3.х	6	06.09.2011 18:14
Вопрос Иконки в постбите пользователя на главной	bahok	vBa CMPS	16	02.03.2011 23:22
Обсуждаем Нужны ли последние темы на главной?	Vector	Пожелания	3	26.10.2009 18:23

Vector #7
7630 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,302 Сказал(а) спасибо: 578 Спасибок 2,623 в 1,832 сообщениях	Re: Немножко о Виджетах на Главной CMS - 17.09.2012, 17:56 ну дефолтно это не сделать, хак какой-то должен быть по идее