Хак для LogicBoard DLE Edition - Меню форума » Webmasteru1 | Все для web-мастеров и создания сайта, портала.

Хак для LogicBoard DLE Edition - Меню форума

Новость
Похожие новости

Admin в 10час. 10мин. пишет:

Хак для LogicBoard DLE Edition - Меню форума

Доработка и адаптация меню для популярного форума LogicBoard DLE Edition

Автор реализации и адаптации: kaktyc

Установка:
1. Все из папки "Upload" закинуть в папку с шаблоном!

2. В css (style.css) в конец вставить:

/* Меню */

a.menu_button {display:block; width:180px; height:21px; background:url(../images/menu_button.png); font-size:8pt; font-family:"tahoma", arial; font-weight:bold; padding-top:5px;}
a.menu_button:link { text-decoration:none; color:#000;}
a.menu_button:visited { text-decoration:none; color:#000;}
a.menu_button:hover { text-decoration:none; color:#000; background-color:#fff; /* Просто чтобы, если выключены картинки, была подсветка */ background-position:0px -26px;}
a.menu_button:active { text-decoration:none; color:#000; background-color:#fff; background-position:0px -26px;}

a.menu1_button {display:block; width:180px; height:21px; text-align:left; background:url(../images/menu_button.png); font-size:8pt; font-family:tahoma, arial; font-weight:bold; padding:5px 0 0 10px;}
a.menu2_button {display:block; width:170px; height:21px; text-align:left; background:url(../images/menu_button.png); font-size:8pt; font-family:tahoma, arial; font-weight:normal; padding:5px 0 0 20px;}
a.menu1_button:link, a.menu2_button:link { text-decoration:none; color:#000;}
a.menu1_button:visited, a.menu2_button:visited { text-decoration:none; color:#000;}
a.menu1_button:hover, a.menu2_button:hover { text-decoration:none; color:#000; background-color:#fff; /* Просто чтобы, если выключены картинки, была подсветка */ background-position:0px -26px;}
a.menu1_button:active, a.menu2_button:active { text-decoration:none; color:#000; background-color:#fff; background-position:0px -26px;}

3.В шаблоне global.tpl найти:

Добавить ниже:

<div class="board_block">
                <h3 id="c_01">Меню<span title="свернуть" class="c_toggle"></span><i></i><span class="co co5"><span class="tr"></span><span class="br"></span></span></h3>
                <div class="bb_cont">
                    <ol class="bb_last_feed">
<a class="menu1_button" href="javascript://" rel="nofollow" onclick="$('#menu_1').slideToggle('slow');">Раздел 1 <img alt="" style="margin-left:5px;" src="templates/{TEMPLATE_NAME}/images/arrow_down.png" align="absMiddle"/></a>
<div id="menu_1" style="display: none;" align="left">
<a class="menu2_button" href="#">Категория 1</a>
<a class="menu2_button" href="#">Категория 2</a>
<a class="menu2_button" href="#">Категория 3</a>
<a class="menu2_button" href="#">Категория 4</a>
<a class="menu2_button" href="#">Категория 5</a>
</div>
<a class="menu1_button" href="javascript://" rel="nofollow" onclick="$('#menu_2').slideToggle('slow');">Раздел 2 <img alt="" style="margin-left:5px;" src="templates/{TEMPLATE_NAME}/images/arrow_down.png" align="absMiddle"/></a>
<div id="menu_2" style="display: none;" align="left">
<a class="menu2_button" href="#">Категория 1</a>
<a class="menu2_button" href="#">Категория 2</a>
<a class="menu2_button" href="#">Категория 3</a>
<a class="menu2_button" href="#">Категория 4</a>
<a class="menu2_button" href="#">Категория 5</a>
</div>
<a class="menu1_button" href="javascript://" rel="nofollow" onclick="$('#menu_3').slideToggle('slow');">Раздел 3 <img alt="" style="margin-left:5px;" src="templates/{TEMPLATE_NAME}/images/arrow_down.png" align="absMiddle"/></a>
<div id="menu_3" style="display: none;" align="left">
<a class="menu2_button" href="#">Категория 1</a>
<a class="menu2_button" href="#">Категория 2</a>
<a class="menu2_button" href="#">Категория 3</a>
<a class="menu2_button" href="#">Категория 4</a>
<a class="menu2_button" href="#">Категория 5</a>
                    </ol>
                    <div class="co co5"><div class="tl"></div><div class="tr"></div><div class="bl"></div><div class="br"></div></div>
                </div>
            </div>

Внимание!!! Перед началом изменения файлов , обязательно сделайте резервные копии изменяемых файлов!!!
Инструкция и Установка внутри архива

Внимание! У вас нет прав для просмотра скрытого текста.

Новый вид topnews

Новый вид вывода популярных новостей с небольшим пред просмотром для Dle.

Меню выезжающее с боку с под категориями

Компонент боковое выезжающее меню с под категориями для InstantCMS.

Хак оформления фото

Клевое оформление фото для вашего сайта.

Поисковая форма для сайта с использованием CSS3

Поисковая форма является одним из часто используемых элементов веб интерфейса. Ее реализация на сайте является простым способом повысить привлекательность веб сайта в глазах пользователя. В данном уроке мы создадим стильную форму поиска с использованием особенностей CSS3.

Увеличение картинки при наведении курсора

Как можно сделать интересный эффект увеличения картинки при наведении на него курсора.

Просмотров: 2553Дата: 24.10.11

Комментарии
Вконтакте
FaceBook

Навигация