Вертикальное раздвижное меню

26 сообщений

Просмотры: 4568 •

USER57 Сообщение 01.04.2014

coder писал(а):На subsilver непоставимо?)
надо подгонять

http://star-anime.ru

USER57

Oleg Сообщение 03.04.2014

USER57 писал(а):Чем то похожее меню я сделал для себя и тоже из шаблона для DLE выдрал, только у меня вставка ссылок реализована через админ панель в выпадающее меню.
Скриншот
Тоже самое можно реализовать и в этом меню.
а так не плохо.
не подскажешь как реализовать через админку, а то я в PHP не силен

Oleg

USER57 03.04.2014

Oleg писал(а):не подскажешь как реализовать через админку, а то я в PHP не силен

здесь знания PHP и не надо все делается на уровне html/
Гляну твое меню, у него похоже принцип как у моего.

Добавлено спустя 35 минут 58 секунд:
вот на основе твоего меню.
файл: main_menu_side.html

Код: Выделить всё

{$LR_BLOCK_H_L}<!-- IF $S_BLOCK_ICON --><img src="{$IMAGE_SRC}" width="{$IMAGE_WIDTH}" height="{$IMAGE_HEIGHT}" alt="" />&nbsp;<!-- ENDIF -->{$TITLE}{$LR_BLOCK_H_R}
	<div class="block_navi">
	<!-- BEGIN portalmenu -->
		<!-- IF $MODULE_ID eq portalmenu.MODULE_ID -->
    <div class="block_navi_c navi">
        <ul class="reset">		
	        <li>	
		        <a href="#" class="sublink">{portalmenu.CAT_TITLE}</a>
			<div class="submenu"><div class="sbmbtm">
			<ul>
			<!-- BEGIN links -->
				<li><a href="{portalmenu.links.LINK_URL}" <!-- IF portalmenu.links.NEW_WINDOW -->onclick="window.open('{portalmenu.links.LINK_URL}'); return false;"<!-- ENDIF -->>{portalmenu.links.LINK_TITLE}</a></li>
			<!-- END links -->
			</ul>
				</div></div>
	        </li>
	    </ul>
    </div>		
		<!-- ENDIF -->
	<!-- BEGINELSE -->
		<ul>
			<span style="float:left;" class="gensmall"><strong>{L_MENU_NO_LINKS}</strong></span><br />
		</ul>
	<!-- END portal_menu -->
	</div>
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}

http://star-anime.ru

USER57

Oleg Сообщение 04.04.2014

Спасибочки

Oleg

Oleg 13.04.2014

Здравствуйте, хочу предложить еще один вариант меню, для мода menu_system_1_2_1, этот вариант подходит как для prosilver, так и для subsilver2. На мой взгляд, это меню удобней,так как его можно переделать под любой стиль форума, без особых усилий.

стиль-prosilver

стиль-subsilver2

скачать
Отредактировать:
Открываем файлы в стилях prosilver и subsilver2 - overall_header.html
и перед </head> вставляем этот код

Код: Выделить всё

<script type="text/javascript" src="{PPKBB3CKER_ADDONS}js/ddaccordion.js"></script>  
<script type="text/javascript">  
ddaccordion.init({
 headerclass: "sublink",
 contentclass: "submenu",
 revealtype: "click",
 mouseoverdelay: 200,
 collapseprev: false,
 defaultexpanded: [],
 onemustopen: false,
 animatedefault: false,
 persiststate: true,
 toggleclass: ["closed", "opened"],
 togglehtml: ["suffix", "<img src='{T_THEME_PATH}/images/spacer.gif' alt='' /> ", "<img src='{T_THEME_PATH}/images/spacer.gif' alt='' /> "],
 animatespeed: "fast",
 oninit:function(expandedindices){ },
 onopenclose:function(header, index, state, isuseractivated){ }
})
</script>

открыть - /styles/prosilver/theme/stylesheet.css
и после @import url("colours.css");
добавить
@import url("menu v4.0.css");
открыть - /styles/subsilver2/theme/stylesheet.css
и в самом конце добавить

Код: Выделить всё

/* menu v4.0 by WebIL-INFO */
.reset, .reset li { list-style: none;padding: 0; margin: 0; font-size:11px;}
.dcont { }
.bngreen { padding: -10px 0 0 0; width: 180px; background: url("./images/bngreen.png") no-repeat; }
 .bngreen .bngreen { padding: 0 0 8px 0; background: url("./images/bngreen.png") no-repeat 100%; }
 .bngreen .bngarrow { float: right; margin-top: -31px; }
 .bngreen .dcont { overflow: hidden; } 
 .bngreen ul li { position: relative; }
 .bngreen ul a, .bngreen ul span.sublink, .bngreen ul a b { display: block; cursor: pointer; }
 .bngreen ul b { padding: 0 19px; background: url("./images/bngndot.png") no-repeat 7px -999px; }
 .bngreen ul a, .bngreen ul span.sublink { font-size:9px; background: url("./images/bngreennav.png") no-repeat 0 -805px; color: #e1ffe8; width: 100%; padding: 5px 0 4px 0; overflow: hidden; }
 .bngreen ul a:hover, .bngreen ul span.sublink:hover { color: #fff; background: url("./images/bngreennav.png") no-repeat 0 -100px; }
 .bngreen ul span.opened:hover { color: #fff; background: url("./images/bngreennav.png") no-repeat 0 -100px; }
 .bngreen ul span.opened b, .bngreen ul a:hover b, .bngreen ul span.sublink:hover b { background-position: 7px 50%; }
 .bngreen ul .sublink img { width: 14px; height: 14px; position: absolute; margin-top: 1px; top: 3px; right: 10px; background: url("./images/open-close.gif") no-repeat; }
 .bngreen ul .closed img { background-position: 0 0; }
 .bngreen ul .opened img { background-position: 0 -14px; }
 .bngreen ul .submenu {font-size:11px; overflow: hidden; background: url("./images/bngreennav2.png") no-repeat 0 -346px; }
 .bngreen ul .submenu ul {font-size:11px; margin: 0; padding: 8px 19px; font-size: 0.9em; background: none; }
 .bngreen ul .submenu ul li {font-size:11px; background: url("./images/submenu.png") repeat-x 0 100%; }
 .bngreen ul .submenu ul li a {font-size:11px; color: #e9f5cc; width: 100%; height: auto; line-height: normal; padding: 3px 0; text-indent: 0; background: none; }
 .bngreen ul .submenu ul li a:hover {font-size:11px; color: #fff; }
/* --------- */

в файле language/en/mods/menu_system.php
после

Код: Выделить всё

'HOME'						=> 'Главная',

вставить

Код: Выделить всё

'FORUM'				        => 'Форум',

После всех изменений очистить хеш- шаблона, темы, картинок, общий.
Так же можно это меню можно реализовать что бы вставка ссылок была через админ панель в выпадающее меню.

В файле styles/ваш стиль/template/portal/modules/main_menu_side.html
это

Код: Выделить всё

<div class="portal-navigation">
	<!-- BEGIN portalmenu -->
		<!-- IF $MODULE_ID eq portalmenu.MODULE_ID -->
		<div class="menutitle">{portalmenu.CAT_TITLE}</div>
			<ul>
			<!-- BEGIN links -->
				<li><a href="{portalmenu.links.LINK_URL}" <!-- IF portalmenu.links.NEW_WINDOW -->onclick="window.open('{portalmenu.links.LINK_URL}'); return false;"<!-- ENDIF -->>{portalmenu.links.LINK_TITLE}</a></li>
			<!-- END links -->
			</ul>
		<hr class="dashed" />
		<!-- ENDIF -->
	<!-- BEGINELSE -->
		<ul>
			<span style="float:left;" class="gensmall"><strong>{L_MENU_NO_LINKS}</strong></span><br />
		</ul>
	<!-- END portal_menu -->
	</div>

заменить этим

Код: Выделить всё

<div class="bngreen">
           <!-- BEGIN portalmenu -->
              <!-- IF $MODULE_ID eq portalmenu.MODULE_ID -->
            <div class="dcont"> 
 <ul class="reset">    
                   <li>   
                      <a href="#" class="sublink"><b>{portalmenu.CAT_TITLE}</b></a>
                 <div class="submenu"><div class="reset">
                 <ul>
                 <!-- BEGIN links -->
                    <li><a href="{portalmenu.links.LINK_URL}" <!-- IF portalmenu.links.NEW_WINDOW -->onclick="window.open('{portalmenu.links.LINK_URL}'); return false;"<!-- ENDIF -->>{portalmenu.links.LINK_TITLE}</a></li>
                 <!-- END links -->
                 </ul>
                    </div></div>
                   </li>
               </ul>
            </div>      
              <!-- ENDIF -->
           <!-- BEGINELSE -->
              <ul>
                 <span style="float:left;" class="gensmall"><strong>{L_MENU_NO_LINKS}</strong></span><br />
              </ul>
           <!-- END portal_menu -->
           </div>

Oleg

Darkelita Сообщение 05.06.2014

Такой вопрос - как сделать чтоб при перезагрузки страницы меню закрывалось, а то оно остается открытым?

Сделал, надо в ddaccordion.js, persiststate вместо true, поставить falce

Последний раз редактировалось Darkelita 05 июн 2014, 16:04, всего редактировалось 6 раз.

- Является ли пиратством установка программы не с оригинального носителя, а скажем, с копии такого носителя?
- Нет, не является, т. к. пиратство подразумевает наличие моря-океана, корабля и абордажной команды.

Darkelita

26 сообщений

Вернуться в «Вопросы по phpBB 3.0»

Общие действия

Вопросы по phpBB 3.0

Вертикальное раздвижное меню