Как создать виджет Меню сайта на vBulletin 4.х.х?

Andy81

Пользователь
Регистрация
25.03.13
Сообщения
7
Реакции
4
Баллы
3
Добрый день.
Хочу создать меню сайта в CMS Vbulletin.

Пример во вложении.
Подскажите пожалуйста как сделать такое?
 

Вложения

  • trata.jpg
    trata.jpg
    36.9 KB · Просмотры: 28

lukamal

Редактор
Регистрация
30.08.12
Сообщения
803
Реакции
484
Баллы
28
админкк > vBulletin CMS > Виджеты > Создать новый виджет
в выподающем списке выбираете тип виджита статичный HTML код

затем в настройках виджета

в нём пишите примерно следующее
<a href="#">Главная</a><br><hr>
<a href="#">Форум</a><br><hr>
<a href="#">Скачать</a><br><hr>
и так далее

затем

админкк > vBulletin CMS > Управление размещениями > выбираете сетку где нужно разместить виджет > в списке виджеты выбираете свой виджет и добавляете его.
 

Andy81

Пользователь
Регистрация
25.03.13
Сообщения
7
Реакции
4
Баллы
3
Получается вот так как во вложении, а не так как я хотел...

Вот исходный код этого виджета. Вытянул из кода страницы, где я это меню увидел

<div class="vbcms_content">
<div id="doc3">
<div id="bd">
<div class="yui-g">
<div class="yui-tvb-l25 first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column1">
<li><div class="cms_widget">
<div class="block">
<div class="cms_widget_header">
<h3><img src="****/images/styles/myStyle/site_icons/html.png" alt="" /> Меню</h3>
</div>
<div class="cms_widget_content widget_content">
<div class="cms_widget_content widget_content">
<div class="cat_main_menuitem main_menuitem">
<a href="***">Главная</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="****">Форум</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="****">Скачать</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="****">Новости</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="****">Правила</a>
</div>
</div>
</div>
</div>
 

Вложения

  • trata3.jpg
    trata3.jpg
    31.4 KB · Просмотры: 11
Последнее редактирование:

lukamal

Редактор
Регистрация
30.08.12
Сообщения
803
Реакции
484
Баллы
28
Можно и при помощи div это организовать.
Но это не принципиально.
Всё равно нужно использовать атрибут styal.
Если у вас затруднения в этом, то сайт в студию или в личку.
Подберём вам нужный стиль.
 

Andy81

Пользователь
Регистрация
25.03.13
Сообщения
7
Реакции
4
Баллы
3
Всё проще оказалось)) Вот код:
подходит под стили complete vb

<div class="cms_widget_content widget_content">
<div class="cat_main_menuitem main_menuitem">
<a href="content.php">Главная</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="forum.php">Форум</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="downloads.php">Загрузки</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="blog.php">Дневники</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="sendmessage.php">Обратная связь</a>
</div>
</div>
 

lukamal

Редактор
Регистрация
30.08.12
Сообщения
803
Реакции
484
Баллы
28
А скрин показать!
В сем же интересно, что получилось.
 

Andy81

Пользователь
Регистрация
25.03.13
Сообщения
7
Реакции
4
Баллы
3
Админы могут переоформить первый пост вот так:

Создание виджета "Меню сайта" на vBulletin 4.х.х

1. Идём в админку и создаём новый виджет:
Админка -> vBulletin CMS -> Виджеты -> Создать новый виджет
Тип виджета ставим статичный HTML код
Имя виджета на Ваше усмотрение. Я назвал "Навигационное меню".

2. В настройках виджета прописываем следующий код:

Код:
<div class="cms_widget_content widget_content">
<div class="cat_main_menuitem main_menuitem">
<a href="content.php">Главная</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="forum.php">Форум</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="downloads.php">Загрузки</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="blog.php">Дневники</a>
</div>
<div class="cat_main_menuitem main_menuitem">
<a href="sendmessage.php">Обратная связь</a>
</div>
</div>

Вы можете настроить виджет под свой сайт, изменив ссылки и заголовки в коде.

3. Устанавливаем виджет на главной странице сайта.
Для этого идём по пути: админка -> vBulletin CMS -> Управление размещениями.
Далее выбираете вашу сетку и добавляете созданный виджет.

Наш результат:
 

Вложения

  • navmen.jpg
    navmen.jpg
    38.4 KB · Просмотры: 16
Последнее редактирование:

Статистика форума

Темы
200.635
Сообщения
380.523
Пользователи
327.876
Новый пользователь
pm1199
Сверху Снизу