Верхнее меню

[zarajen 2]

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

[Fisana 700]

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

[zarajen 2]

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

[Fisana 700]

Ваш скин

 

Global Templates > globalTemplate

 

Найдите

<div id='primary_nav'>

Отыщите ниже

 

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

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

[zarajen 2]

Спасибо вам

[SHEVIGVIT 0]

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

[Fisana 700]

Это сложно.

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

 

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

[SHEVIGVIT 0]

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

[MillaJ 1]

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

[Fisana 700]

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

Найти

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

 

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

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

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

[MillaJ 1]

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

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

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

[Fisana 700]

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

[MillaJ 1]

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

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

[Fisana 700]

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

 

 

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

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

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

 

Вы поняли?

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

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

[MillaJ 1]

Да, спасибо большое! Получилось. Оказалось, в самом шаблоне 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;

	}