Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
zarajen

Верхнее меню

Recommended Posts

Я много тем читал про это но не где не нашёл как сделать что бы пункты меню были не перед стандартными а после них?

Share this post


Link to post
Share on other sites

Не поняла смысла вопроса.

Share this post


Link to post
Share on other sites

Как добавить пункты меню правее

Share this post


Link to post
Share on other sites

Ваш скин

 

Global Templates > globalTemplate

 

Найдите

<div id='primary_nav'>

Отыщите ниже

 

Добавьте перед

<li class='left'><a href='адрес ссылки'>Название в меню</a></li>

  • Upvote 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Это сложно.

Нужно кнопку привязывать к действию, то есть править не только html. Но я не знаю как :(

 

Кажется кто-то выкладывал решение. Может быть даже здесь. Попробуйте поискать.

Share this post


Link to post
Share on other sites

Ок, как добьюсь данного результата обязательно отпишусь! Мне очень приятно с вами общаться на протяжении четырех лет!

Share this post


Link to post
Share on other sites

А можно ли под стандартные вкладки (Обсуждения/Календарь/Пользователи) сделать разные фоновые картинки? Т.е. если выделены Обсуждения - синяя вкладка, когда календарь - зеленая? Если да, то как это правильно организовать?

Share this post


Link to post
Share on other sites

Можно, если есть id

Найти

#primary_nav ul li.active a {
*******
}

 

И, например, для форума (где id='nav_disscussion') добавить

#primary_nav ul li.active#nav_disscussion a {
другие свойства
}

Остальные id посмотреть в исходном коде страницы

  • Upvote 1

Share this post


Link to post
Share on other sites

При добавлении

#primary_nav ul li.active#nav_disscussion a {
...
}

Ничего не меняется. Надо только первую картинку, для "Обсуждений" заменить и все. Уже несколько дней ничего не могу поделать с этим. :(

Share this post


Link to post
Share on other sites

Если ничего не меняется, значит не прописали свойства. Или неправильно прописали.

Share this post


Link to post
Share on other sites

	#primary_nav ul li.active#nav_disscussion a {
		background: transparent url({style_images_url}/tab1.png) no-repeat top left;
		font-size: 1.05em;
		font-weight: bold;
		padding: 0;			
		margin: 3px 0px auto 5px;
		position: relative;		
	}

	#primary_nav ul li.active a {
		background: transparent url({style_images_url}/tab_right.png) no-repeat top right;
		padding: 7px 15px 10px 10px;
		margin-left: 6px;
		display: block;

	}

#primary_nav ul li.active  {
		background: transparent url({style_images_url}/tab_left.png) no-repeat top right;
		font-size: 1.05em;
		font-weight: bold;
		padding: 0;			
		margin: 3px 0px auto 5px;
		position: relative;	
}

Получается либо первая картинка на всех выделенных кнопках, либо вторая. Закрепить одну картинку за первой вкладкой не получается.

  • Upvote 1

Share this post


Link to post
Share on other sites

Зачем же новое вверху, а не внизу? Не знаете разве, что нижнее главнее? Или !important тогда добавляйте...

 

 

Могли бы догадаться, что надо делать две новые картинки.

И прописывать еще и это для левой картинки

primary_nav ul li#nav_disscussion a {
новое левое
}

 

Вы поняли?

Новое прописываем ниже старых классов.

И если меняются только картинки, незачем повторять другие свойства.

  • Upvote 2

Share this post


Link to post
Share on other sites

Да, спасибо большое! Получилось. Оказалось, в самом шаблоне discussion было, а в css - disscussion. :) Коварная буква мешала.

 

Но вылез ляп - при переходе на другую вкладку, фоновая картинка (tab_left2.png) из-под первой не девается никуда. Это поправимо?

		#primary_nav ul li#nav_discussion {
		background: transparent url({style_images_url}/tab_left2.png) no-repeat top left;
		font-size: 1.05em;
		font-weight: bold;
		padding: 0;			
		margin: 3px 0px auto 5px;
		position: relative;		
	}

	#primary_nav ul li.active#nav_discussion a {
		background: transparent url({style_images_url}/tab_right2.png) no-repeat top right;

	}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...