
Доработка и адаптация меню для популярного форума LogicBoard DLE Edition
Автор реализации и адаптации: kaktyc
Хак Меню форума LogicBoard DLE Edition
Установка:
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_side">
Добавить ниже:
<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> <!--menu_block end-->
Предлагаем хаки для форум LogicBoard (DLE Edition) :
Комментарии 2