Меню навигации для SubSilver2 как в админке

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
DarkManChild
phpBB 1.4.1
Сообщения: 41
Стаж: 17 лет 5 месяцев

Меню навигации для SubSilver2 как в админке

Сообщение DarkManChild »

Товарищи, подскажите пожалуйста, как сделать меню навигации для стиля SubSilver2 как в админке или в личном разделе (prosilver)?

Навигация в админке:

Изображение

Навигация в личном разделе:

Изображение

А вот то что у меня пока получилось, на SubSilver2 базированом стиле.

Изображение

Скажите пожалуйста, можно ли как то скопировать из админки или просильвера такую менюшку в субсильвер2?
То что я сделал меня не устраивает так как нет активных вкладок, а хочется что бы и вкладки меняли цвет при наведении мышки, и активная вкладка выходила на передний план сливаясь с низлежащим блоком.
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 21 год 2 месяца
Поблагодарили: 44 раза

Re: Меню навигации для SubSilver2 как в админке

Сообщение Rayden »

Я не понимаю, а что тебе мешает посмотреть, как сделано админке? В чем проблема?
для наведения используется свойство hover, для активной закладки дополнительный стиль.
phpBB2 FAQ
phpBB3 FAQ
DarkManChild
phpBB 1.4.1
Сообщения: 41
Стаж: 17 лет 5 месяцев

Re: Меню навигации для SubSilver2 как в админке

Сообщение DarkManChild »

Я смотрел и в коде админки, и в просильвере, и в других стилях где есть похожие менюшки. Но дело в том что мне знаний не хватило что бы перенести это на субсильвер. Так еще в коде какие то скрипты были, я совсем запутался((((
Все что умел, сделал..
Теперь одна надежда на помощь и советы.
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 21 год 2 месяца
Поблагодарили: 44 раза

Re: Меню навигации для SubSilver2 как в админке

Сообщение Rayden »

Скрипты не причем, все на css.
phpBB2 FAQ
phpBB3 FAQ
DarkManChild
phpBB 1.4.1
Сообщения: 41
Стаж: 17 лет 5 месяцев

Re: Меню навигации для SubSilver2 как в админке

Сообщение DarkManChild »

Вот что получается:
Из adm/images/ копирую изображения вкладок в /styles/hermes_gray/theme/images/
Затем из adm/style/admin.css копирую этот код в /styles/hermes_gray/theme/stylesheet.css и меняю пути к изображениям вкладок

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

/* Main blocks
---------------------------------------- */
#wrap {
	padding: 0 0 15px 0;
	min-width: 615px;
}

#page-header {
	clear: both;
	text-align: right;
	background: url("../images/phpbb_logo.gif") top left no-repeat;
	height: 49px;
	font-size: 0.85em;
	margin-bottom: 10px;
}

.rtl #page-header {
	text-align: left;
	background: url("../images/phpbb_logo.gif") top right no-repeat;
}

#page-header h1 {
	color: #767676;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	font-size: 1.70em;
	padding-top: 10px;
}

#page-header p {
	font-size: 1.00em;
}

#page-header p#skip {
	display: none;
}

#page-body {
	clear: both;
	min-width: 700px;
}

#page-footer {
	clear: both;
	font-size: 0.75em;
	text-align: center;
}

#content {
	padding: 30px 10px 10px;
	position: relative;
}

#content h1 {
	color: #115098;
	line-height: 1.2em;
	margin-bottom: 0;
}

#main {
	float: left;
	width: 76%;
	margin: 0 0 0 3%;
	min-height: 350px;
}

.rtl #main {
	float: right;
	margin: 0 3% 0 0;
}

* html #main { 
	height: 350px; 
}

#page-body.simple-page-body {
	padding: 0;
	padding-right: 10px;
	min-width: 0;
}

/* Tabbed menu
	Based on: http://www.alistapart.com/articles/slidingdoors2/
----------------------------------------*/
#tabs {
	line-height: normal;
	margin: 0 0 -6px 7px;
	min-width: 600px;
}

.rtl #tabs {
	margin: 0 7px -6px 0;
}

#tabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	font-weight: bold;
}

#tabs a {
	float: left;
	background:url( /styles/hermes_gray/theme/images/bg_tabs1.gif ) no-repeat 0% -34px;
	margin: 0 1px 0 0;
	padding: 0 0 0 7px;
	text-decoration: none;
	position: relative;
}

.rtl #tabs a {
	float: right;
}

#tabs a span {
	float: left;
	display: block;
	background: url( /styles/hermes_gray/theme/images/bg_tabs2.gif ) no-repeat 100% -34px;
	padding: 7px 10px 4px 4px;
	color: #767676;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

.rtl #tabs a span {
	float: right;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span, .rtl #tabs a span { float:none;}
/* End hack */

#tabs a:hover span {
	color: #BC2A4D;
}

#tabs #activetab a {
	background-position: 0 0;
	border-bottom: 1px solid #DCDEE2;
}

#tabs #activetab a span {
	background-position: 100% 0;
	padding-bottom: 5px;
	color: #23649F;
}

#tabs a:hover {
	background-position: 0 -69px;
}

#tabs a:hover span {
	background-position: 100% -69px;
}

#tabs #activetab a:hover span {
	color: #115098;
}


/* Main Panel
---------------------------------------- */
#acp {
	margin: 4px 0;
	padding: 3px 1px;
	min-width: 550px;
	background-color: #FFFFFF;
	border: 1px #999999 solid;
}

.panel {
	background: #F3F3F3 url(/styles/hermes_gray/theme/images/innerbox_bg.gif) repeat-x top;
	padding: 0;
}

span.corners-top, span.corners-bottom, 
span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: url(/styles/hermes_gray/theme/images/corners_left.gif);
	background-position: 0 0;
	margin: -4px -2px 0;
}

span.corners-top span {
	background-image: url(/styles/hermes_gray/theme/images/corners_right.gif);
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: url(/styles/hermes_gray/theme/images/corners_left.gif);
	background-position: 0 100%;
	margin: 0 -2px -4px;
	clear: both;
}

span.corners-bottom span {
	background-image: url(/styles/hermes_gray/theme/images/corners_right.gif);
	background-position: 100% 100%;
}
Далее, в свой overall_header.html вставлю следующи код: (код из /adm/style/overall_header.html)

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

<tr>
	<td>
		<div id="wrap">
			<div id="page-body">
				<div id="tabs">
			<ul>

				<li<!-- IF t_block1.S_SELECTED --> id="activetab"<!-- ENDIF -->><a href="{U_PROFILE}"><span>{L_PROFILE}</span></a></li>

			</ul>
				</div>
			</div>
		</div>
	</td>
</tr>
Очищаю кэш шаблона, обновлю картинки и результат получаю как на скриншоте.
В принципе все работает как в админке, за исключением одного, активная вкладка не выходит вперед. (Как показано на первом скрине, в первом посту)
Подскажите пожалуйста, как довести дело до конца?

Изображение
DarkManChild
phpBB 1.4.1
Сообщения: 41
Стаж: 17 лет 5 месяцев

Re: Меню навигации для SubSilver2 как в админке

Сообщение DarkManChild »

Rayden писал(а):Скрипты не причем, все на css.
А как же <!-- IF --> контролирующие выход вкладок на передний план?
Может с этим вопросом будет помощь?
Вы хотя бы скажите, откуда идет вызов?
DarkManChild
phpBB 1.4.1
Сообщения: 41
Стаж: 17 лет 5 месяцев

Re: Меню навигации для SubSilver2 как в админке

Сообщение DarkManChild »

Уважаемые Администраторы, Support Team, phpBB Guru Team, Модераторы и все кто разберается в phpbb3.
Прошу еще раз обратить внимание на мою скромную просьбу.
Я же не прошу изобретения велосипеда или чего то нового, не прошу каких то сторонних html или css.
Моя задача заключается в том что бы отобразить стандартное меню админки или стандарное меню личного раздела в стиле prosilver на страницы форума в стиле subsilver2.
Уже удалось разобраться практически со всем, осталось узнать только какая функция регулирует выход активных вкладок на передний план и где она находится.
Прошу вас, господа, это же всё внутренний код phpbb3, ничего постороннего.
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 21 год 2 месяца
Поблагодарили: 44 раза

Re: Меню навигации для SubSilver2 как в админке

Сообщение Rayden »

Никакая функция не регулирует. Меняется стиль и фон кнопки сливается с фоном нижнего блока.

А ты получаешь ЖК за несоблюдение правил.
phpBB2 FAQ
phpBB3 FAQ
DarkManChild
phpBB 1.4.1
Сообщения: 41
Стаж: 17 лет 5 месяцев

Re: Меню навигации для SubSilver2 как в админке

Сообщение DarkManChild »

Rayden писал(а):Никакая функция не регулирует. Меняется стиль и фон кнопки сливается с фоном нижнего блока.
Я просмотрел два стиля основанных на просилвере, сам просилвер ну и в админке (имеется ввиду интересующий меня код меню)
Везде(!) используется <!-- IF --> который комбинируется с id="activetab"
вот к примеру:
В админке есть

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

<li<!-- IF t_block1.S_SELECTED --> id="activetab"<!-- ENDIF -->>
в просильвере (в личном разделе) так же

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

<li<!-- IF t_block1.S_SELECTED --> id="activetab"<!-- ENDIF -->>
Еще есть один стиль, основанный на prosilver, посмотреть его можно здесь - http://demo.phpbb3styles.net/silverwhite
Они реализовали практически то что и я, но почему то тоже без активных ссылок, но они тоже используют примерно такой код

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

<!-- IF S_DISPLAY_SEARCH --><li<!-- IF $_SERVER['SCRIPT_NAME'] == '/forum/search.php' --> 
Лично я в своем случае использую код из админки.

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

<li<!-- IF t_block1.S_SELECTED --> id="activetab"<!-- ENDIF -->>
и если из него удалить

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

<!-- IF t_block1.S_SELECTED --><!-- ENDIF -->>
и оставить только

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

<li id="activetab">
Втой вкладке где была проделана такая процедура, вкладка становится постоянно активной, т.е. как вы говорили
Rayden писал(а):фон кнопки сливается с фоном нижнего блока
или если посмотреть на первом скрине данного топика. Такая вкладка не меняется в зависимости от посещаемой страницы сайта, и всегда остается активной. Так что дело совсем не в CSS

Ув. Rayden, я здесь не потому что мне в кайф посты писать...
У меня был вопрос, причем прямой к сегодняшней актуальной phpbb3.0.4 версии, не выходящий ни за какие рамки от формата форума и тех поддержки.
Были выложены скрины с предпологаемыми результатом, были выложены все изменения, откуда и куда был скопирован код, скрины фактических результатов или я не понятно излогаюсь?
Все что получаю в ответ:
-нет функции
-меняйте стили
-вам жк, патамушто мы заняты

Зы: Если так все просто, почему бы не написать толковый ответ? На сколько я знаю, вынести предупреждение труднее чем написать ответ, тем более если вы знаете что писать.
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 21 год 2 месяца
Поблагодарили: 44 раза

Re: Меню навигации для SubSilver2 как в админке

Сообщение Rayden »

А не надо тупо как баран копировать, и думать что все заработает.
Я тебе говорю, что все сделано на css. Есть три бекграунда. Можно взять три отдельных файла, но в админке они объединины в одном:
bg_tabs1.gif
Это бекграунд закладки.
В обычном состоянии (#tabs a ) выводится средняя часть, темносерая.
При наведении мышки (#tabs a:hover) выводится нижняя светлая часть
А когда в закладку добавляется второй класс, указывающий на активную закладку (#tabs #activetab), то выводится верхняя часть, светлосерая. Она сливается с нижним блоком и создается эффект единого пространства. Никакого "выведения на передний план" не существует, всего лишь зрительный обман.

Это до тупого элементарно, самые азы. Есть три бекграунда, и прописать их все в css.


Вопрос , как ты будешь определять активную закладку - дело двадцатое, вариантов масса и к phpBB вообще не имеет отношения.
Да и в phpBB в разных местах сделано по разному.

Замечание ты получил за то, что не соблюдаешь правила. Если тебе не нравятся наши правила, то выход вверху справа.
У вас нет необходимых прав для просмотра вложений в этом сообщении.
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
Warlock75
Former team member
Сообщения: 1429
Стаж: 18 лет 7 месяцев
Откуда: Москва
Благодарил (а): 50 раз
Поблагодарили: 95 раз

Re: Меню навигации для SubSilver2 как в админке

Сообщение Warlock75 »

DarkManChild писал(а):А как же <!-- IF -->
Это не имеет отношения к скриптам. Это условный комментарий. То, что относится к скриптам - это в файлах в формате *.php., *.js.
Пример: <!--[if IE 6]>...............<![endif]--> - то, что внутри, будет обрабатываться только IE 6. Остальными браузерами содержимое комментария игнорируется.
DarkManChild писал(а):У меня был вопрос, причем прямой к сегодняшней актуальной phpbb3.0.4 версии, не выходящий ни за какие рамки от формата форума и тех поддержки.
Как раз выходящий. Этот вопрос относится к чистому html и css. Человек совсем не знающий никаких скриптов, но хорошо разбирающийся в html, css и Photoshop, может изменять дизайн форума до неузнаваемости, может писать свои стили. Задача команды форума, подтолкнуть человека в правильном направлении, а не сделать все за него или обучать элементарным вещам. ;)
Внимательно изучаем форум и чиаем FAQ. 95% всех ответов на возможные вопросы там уже есть!

Правила
Мини FAQ по phpBB 3.1.x/3.2.x/3.3.x
Как устанавливать расширения
DarkManChild
phpBB 1.4.1
Сообщения: 41
Стаж: 17 лет 5 месяцев

Re: Меню навигации для SubSilver2 как в админке

Сообщение DarkManChild »

Rayden, то что вы написали, с этим уже давно я разобрался, и скрины выкладывал, так что все работет.
И делал я все так как вы после моего поста писали, с кнопками bg_tabs1.gif и bg_tabs2.gif и в CSSе прописанны #tabs #activetab и тд
У меня оставался всего один вопрос как заставить id="activetab" работать в этих вкладках?
Если в коде писать
<li id="activetab"><a href="{U_PROFILE}">{L_PROFILE}</a></li>
То она всегда активная, а елсли
<li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
то вкладка только менятеся между (#tabs a ) и (#tabs a:hover) при наведении мышки. Как затавить появлятся id="activetab" только там, где нажали на вкладку?
Вот к примеру, человек зашел в FAQ и во вкладке FAQ срабатывет id="activetab" как это сделать?
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 21 год 2 месяца
Поблагодарили: 44 раза

Re: Меню навигации для SubSilver2 как в админке

Сообщение Rayden »

В коде faq.php задай уникальную шаблонную переменную, а потом в html закладок проверяй ее наличие через <!-- IF -->
phpBB2 FAQ
phpBB3 FAQ

Вернуться в «Стили для phpBB 3.0.x»