Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
zarajen

Верхнее меню

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

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

Ваш скин

 

Global Templates > globalTemplate

 

Найдите

<div id='primary_nav'>

Отыщите ниже

 

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

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

Спасибо вам

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

Это сложно.

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

 

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

Найти

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

 

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

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

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

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

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

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

	#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

Поделиться сообщением


Ссылка на сообщение

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

 

 

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

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

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

 

Вы поняли?

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

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

  • Upvote 2

Поделиться сообщением


Ссылка на сообщение

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

	}

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...