Перейти к содержанию

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

AUS
 Поделиться

Рекомендуемые сообщения

AUS Ментор

AUS

Опубликовано
Опубликовано

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

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

post-8414-0-70963000-1369888850.png

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

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

Ссылка на комментарий
Поделиться на другие сайты
Envy Ментор

Envy

Опубликовано
Опубликовано

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

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

Ссылка на комментарий
Поделиться на другие сайты
Spray Ментор

Spray

Опубликовано
Опубликовано

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



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

Ссылка на комментарий
Поделиться на другие сайты
WOLF Анонимус

WOLF

Опубликовано
Опубликовано

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

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

attachicon.gifСнимок.PNG

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

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

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

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

Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
  • Автор
Опубликовано


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

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

post-8414-0-93089100-1369902800_thumb.pn

 

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




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

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

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

post-8414-0-44626600-1369902903.png

Ссылка на комментарий
Поделиться на другие сайты
Spray Ментор

Spray

Опубликовано
Опубликовано

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



это у меня так

post-8897-0-44374900-1369904205_thumb.pn

Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
  • Автор
Опубликовано

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

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




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

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

Еще бы понять что там править... 
Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
  • Автор
Опубликовано

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

#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;
	}
Ссылка на комментарий
Поделиться на другие сайты
Spray Ментор

Spray

Опубликовано
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
  • Автор
Опубликовано 

.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% }
Ссылка на комментарий
Поделиться на другие сайты
WOLF Анонимус

WOLF

Опубликовано
Опубликовано

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

 

#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% }

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

Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
  • Автор
Опубликовано

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

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

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

Ссылка на комментарий
Поделиться на другие сайты
WOLF Анонимус

WOLF

Опубликовано
Опубликовано

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

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

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

Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
  • Автор
Опубликовано (изменено)

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

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

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

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

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

.breadcrumb.top {
Изменено пользователем AUS
Ссылка на комментарий
Поделиться на другие сайты
WOLF Анонимус

WOLF

Опубликовано
Опубликовано

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

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

.breadcrumb.top {

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

Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
  • Автор
Опубликовано

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

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

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

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

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

Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
  • Автор
Опубликовано

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

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

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

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

Ссылка на комментарий
Поделиться на другие сайты
artem2206 Помощник

€ artem2206

Опубликовано
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
Envy Ментор

Envy

Опубликовано
Опубликовано
artem2206,<img src="ссылканакартинку.png"> в нужном месте в global template
Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
  • Автор
Опубликовано

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

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

Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
  • Автор
Опубликовано

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

Прогоняю.

Применяю.

Выбираю.

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

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

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

Ссылка на комментарий
Поделиться на другие сайты
Pashok(one) Ментор

Pashok(one)

Опубликовано
Опубликовано

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

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

attachicon.gifСнимок.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;
}

Если где-то повторился сам вырежи

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

×
 Поделиться
Перейти к списку тем

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...