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

A

Andy81

#1
Добрый день.
Хочу создать меню сайта в CMS Vbulletin.

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

lukamal

#2
админкк > vBulletin CMS > Виджеты > Создать новый виджет
в выподающем списке выбираете тип виджита статичный HTML код

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

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

затем

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

Andy81

#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>
 
L

lukamal

#4
Можно и при помощи div это организовать.
Но это не принципиально.
Всё равно нужно использовать атрибут styal.
Если у вас затруднения в этом, то сайт в студию или в личку.
Подберём вам нужный стиль.
 
A

Andy81

#5
Всё проще оказалось)) Вот код:
подходит под стили 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>
 
L

lukamal

#6
А скрин показать!
В сем же интересно, что получилось.
 
A

Andy81

#7
Админы могут переоформить первый пост вот так:

Создание виджета "Меню сайта" на 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 -> Управление размещениями.
Далее выбираете вашу сетку и добавляете созданный виджет.

Наш результат:
 
Get involved!

Here you can only see a limited number of comments. On СЕО Форум Вебмастеров you see all comments and all functions are available to you. To the thread