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

  • Автор темы Andy81
  • Обновлено
  • 08, Apr 2013
  • #2
админкк > vBulletin CMS > Виджеты > Создать новый виджет в выподающем списке выбираете тип виджита статичный HTML код затем в настройках виджета в нём пишите примерно следующее
Главная



Форум



Скачать


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

Lukamal


Рег
30 Aug, 2012

Тем
124

Постов
837

Баллов
1477
  • 09, Apr 2013
  • #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>
 

Andy81


Рег
25 Mar, 2013

Тем
79

Постов
206

Баллов
601
  • 09, Apr 2013
  • #4
Можно и при помощи div это организовать. Но это не принципиально. Всё равно нужно использовать атрибут styal

. Если у вас затруднения в этом, то сайт в студию или в личку. Подберём вам нужный стиль.
 

Lukamal


Рег
30 Aug, 2012

Тем
124

Постов
837

Баллов
1477
  • 10, Apr 2013
  • #6
Админы могут переоформить первый пост вот так:
Создание виджета "Меню сайта" на 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 -> Управление размещениями.

Далее выбираете вашу сетку и добавляете созданный виджет.

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

Andy81


Рег
25 Mar, 2013

Тем
79

Постов
206

Баллов
601
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно