Правка шаблон навигации

Posted 30 мая, 201312 yr

Всем привет прошу помочь с шаблоном навигации

вот пример того к чему я хочу прийти

ссылка на ресурс откуда взят образец __vse.kz

пробовал через просмотр кода элемента но так и не разобрался
возможно это hook но ни где ни чего подобного больше не видел

Цитата

30 мая, 201312 yr

Забанят за активные ссылки. Можно же почитать правила форума? Вообще, при регистрации ты с ними согласился.

И да, на скрине простая панель навигации с помощью css, напиши что конкретно хочешь.

Цитата

30 мая, 201312 yr

я так думаю он хочет сделать как тут на форуме,при наведении,либо при нажатии на панельку,вылазиет ещё одна панель,это ты хотел сказать?

и на форуме на том,я ни чего такого не увидел,ВСЁ КАК У ВСЕХ

Цитата

30 мая, 201312 yr

Всем привет прошу помочь с шаблоном навигации

вот пример того к чему я хочу прийти

Снимок.PNG

ссылка на ресурс откуда взят образец __vse.kz

пробовал через просмотр кода элемента но так и не разобрался

возможно это hook но ни где ни чего подобного больше не видел

так и не понял что вы требуете, объясните, и предоставьте скрин того что у вас в данный момент

Цитата

30 мая, 201312 yr

Author

И да, на скрине простая панель навигации с помощью css, напиши что конкретно хочешь.

Вот хочу что бы вместо стандартных

были симпатичные как на скрине в первом посту

и предоставьте скрин того что у вас в данный момент

с удовольствием

у меня сейчас вот так:

Цитата

30 мая, 201312 yr

это сам стиль,шаблон,либо грузи шаблон на подобие,либо меняй в css

это у меня так

Цитата

30 мая, 201312 yr

Редактируй ipb_styles.css

Цитата

30 мая, 201312 yr

Author

Spray, пример вашего шаблона можете выложить ?

Я подправлю свои цвета ну и т.д.

Редактируй ipb_styles.css

За наводку спасибо!

Еще бы понять что там править...

Цитата

30 мая, 201312 yr

.breadcrumb.top {

Цитата

30 мая, 201312 yr

Author

интуитивно я так понимаю править здесь ?!

#primary_nav {
	background: #204066;
	font-size: 13px;
	padding: 4px 0 0 0;
}

	#community_app_menu > li { margin: 0px 3px 0 0; position: relative; }

	
	#community_app_menu > li > a {
		color: #c5d5e2;
		background: #1c3b5f;
		display: block;
		padding: 6px 15px 8px;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	}

		
		#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
			background: #173455; 
			color: #fff;
		}
	
	
	#community_app_menu > li.active > a {
		background: #fff;
		color: #0b5794;
		font-weight: bold;
		margin-top: 0;
		text-shadow: none;
	}

Цитата

30 мая, 201312 yr

установишь стиль, там есть баночка с права и цвета можешь поменять!

Цитата

30 мая, 201312 yr

Author

.breadcrumb.top {

у меня сейчас вот что...

        .breadcrumb a { color: #777; }
	.breadcrumb li .nav_sep { margin: 0 5px 0 0; }
	.breadcrumb li:first-child{ margin-left: 0; }
	.breadcrumb.top { margin-bottom: 10px; }
	.breadcrumb.bottom { margin-top: 10px; width: 100% }

Цитата

30 мая, 201312 yr

интуитивно я так понимаю править здесь ?!

#primary_nav {
	background: #204066;
	font-size: 13px;
	padding: 4px 0 0 0;
}

	#community_app_menu > li { margin: 0px 3px 0 0; position: relative; }

	
	#community_app_menu > li > a {
		color: #c5d5e2;
		background: #1c3b5f;
		display: block;
		padding: 6px 15px 8px;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	}

		
		#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
			background: #173455; 
			color: #fff;
		}
	
	
	#community_app_menu > li.active > a {
		background: #fff;
		color: #0b5794;
		font-weight: bold;
		margin-top: 0;
		text-shadow: none;
	}

это коды меню

у меня сейчас вот что...

        .breadcrumb a { color: #777; }
	.breadcrumb li .nav_sep { margin: 0 5px 0 0; }
	.breadcrumb li:first-child{ margin-left: 0; }
	.breadcrumb.top { margin-bottom: 10px; }
	.breadcrumb.bottom { margin-top: 10px; width: 100% }

да, это то что вам нужно

Цитата

30 мая, 201312 yr

Author

вот он когда установишь стиль, там есть баночка с права и цвета можешь поменять!

Можете просто выдернуть шаблон ?

Или это не поможет ?

Цитата

30 мая, 201312 yr

Можете просто выдернуть шаблон ?

Или это не поможет ?

устанавливаете понравившийся вам стиль, и стаскиваете с него коды, так понятнее? чем сидеть и гадать тут

Цитата

Spray
1

30 мая, 201312 yr

Author

чем сидеть и гадать тут

да как бы проблемка имеется

Внимание: стиль, который вы пытаетесь установить предназначен для версии IP.Board 3.2.3. Вы используете версию 3.4.4.

Данную операцию можно продолжить, однако возможны проблемы в работе этого стиля.

Импортировал, открыл ipb_styles.css но не там

.breadcrumb.top {

Edited 30 мая, 201312 yr by AUS

Цитата

30 мая, 201312 yr

да как бы проблемка имеется

Импортировал, открыл ipb_styles.css но не там
.breadcrumb.top {

есть стили и для 3.4.4 с подобным полем навигации

Цитата

31 мая, 201312 yr

Author

Что то устал я уже подбирать...

Установил Deflection_34x скин

Он поменял только главную страницу форума почему то...

Если провалится глубже - там старый скин...

И тех плюшек что я искал в нем не оказалось ....

Цитата

31 мая, 201312 yr

Author

Установил Uniform34x_ipbforumskins та же песня

Цитата

31 мая, 201312 yr

Author

Uniform34x_ipbforumskins требует заменить или объеденить изменения в css шаблонах

Сделал файловый бакап всего форума.

Подскажите где лежат файлы css шаблонов...

Что бы если что вернуть назад мои в дефолтовую шкуру...

Цитата

31 мая, 201312 yr

кстати, чтоб не создавать уж отдельную тему по мелочам, где и как вставить в шапку такой значек:

Цитата

31 мая, 201312 yr

artem2206,<img src="ссылканакартинку.png"> в нужном месте в global template

Цитата

31 мая, 201312 yr

Author

Уже пару часов мучаюсь, ни один скин корректно не применяется...

Что за напасть :(

Цитата

31 мая, 201312 yr

Author

Импортирую к примеру Infusion_3_4_4 через АЦ

Прогоняю.

Применяю.

Выбираю.

Вижу новый скин.

Проваливаюсь глубже главной страницы а там - дефолтовый.

Что делаю не так ?

Цитата

31 мая, 201312 yr

Всем привет прошу помочь с шаблоном навигации

вот пример того к чему я хочу прийти

Снимок.PNG

ссылка на ресурс откуда взят образец __vse.kz

пробовал через просмотр кода элемента но так и не разобрался

возможно это hook но ни где ни чего подобного больше не видел

#secondary_navigation, #secondary_navigation_2 {
line-height: inherit;
color: #E1E7EC;
font-size: 0.9em;
font-weight: bold;
clear: both;
text-shadow: #1B1B1B 0px -1px 0px;
background: #313131 url('__vse.kz/public/style_images/osnovnoi/navstrip.png') repeat-x center bottom;
border-bottom: 1px solid #3C3C3C;
border-top: 1px solid #3D3D3D;
overflow: hidden;
border-radius: 0;
}
#secondary_navigation #breadcrumb li, #secondary_navigation_2 #breadcrumb2 li {
float: left;
}
#secondary_navigation #breadcrumb li {
float: left;
}
.breadcrumb li:first-child {
margin-left: 0;
}
#secondary_navigation, #secondary_navigation_2 {
line-height: inherit;
color: #E1E7EC;
font-size: 0.9em;
font-weight: bold;
text-shadow: #1B1B1B 0px -1px 0px;
}
#secondary_navigation {
text-shadow: rgba(0, 0, 0, 0.7) 0px -1px 0px;
line-height: 37px;
}
#secondary_navigation #breadcrumb li.first a, #secondary_navigation_2 #breadcrumb2 li.first a {
margin-left: 0;
background: none;
padding-left: 0px;
}
#secondary_navigation #breadcrumb li a, #secondary_navigation_2 #breadcrumb2 li a {
padding-left: 12px;
;
background: url('__vse.kz/public/style_images/osnovnoi/secondary_nav.png') no-repeat 0 0;
display: block;
outline: none;
text-decoration: none;
}
#secondary_navigation a {
color: #ADADAD;
line-height: 37px;
height: 37px;
}
#secondary_navigation #breadcrumb li a:hover, #secondary_navigation_2 #breadcrumb2 li a:hover {
background-position: 0 -43px;
}
#secondary_navigation #breadcrumb li a:hover span, #secondary_navigation_2 #breadcrumb2 li a:hover span {
background-position: 100% -43px;
}
#secondary_navigation #breadcrumb li.first a span, #secondary_navigation_2 #breadcrumb2 li.first a span {
padding-left: 12px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
#secondary_navigation #breadcrumb li a:hover span {
background-position: 100% -43px;
}
#secondary_navigation #breadcrumb li.first a span {
padding-left: 12px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
#secondary_navigation #breadcrumb li span, #secondary_navigation_2 #breadcrumb2 li span {
display: block;
padding-right: 17px;
padding-left: 4px;
background: url('__vse.kz/public/style_images/osnovnoi/secondary_nav.png') no-repeat 100% 0;
}
#secondary_navigation #breadcrumb li a:active, #secondary_navigation_2 #breadcrumb2 li a:active {
background-position: 0 -86px;
}
Если где-то повторился сам вырежи

Цитата

AUS
1

Sign In

Правка шаблон навигации

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)