[3.8.x]

Приветствую друзья. Подскажите как сделать такое меню как на фото

Может тема была но не нашла

limonina, что вы имеете ввиду?
Если цветные ссылки, то в навбаре вокруг ссылок <span style="color:#цвет">Нужный нам заголовок навбара</span>

Если про цветные ссылки, то см. пост выше. А если один в один надо меню...
И не найдете готовое решение, похожие возможно найдете, но под ваш шаблон все ровно придется работать напильником, ручками самостоятельно надо делать (HTML + CSS), http://htmlbook.ru/

Либо заказывать под заказ

Меню которое вы привели выше это от шаблона(DarkCore для 4-ки) форума

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

Originally Posted by limonina

Куда и что ложить вот что интересует

шо?

Мною было написано выше, что в навбаре (шаблон есть такой - navbar) добавить вокруг ссылок код.
<td><a href="http://ссылка"><span style="color:#цвет">тут_будет_цветной_текст</span></a></td>

limonina, спросил про навбар, а показываешь навигационное меню. Если в рисунке правда, то для получения такого расположения навигационной панели необходимо извлечь её из навбара вместе с выпадающими меню и поместить в начало шаблона "header"

limonina, Вам нужен хотя бы минимум уровень знаний HTML + CSS. Есть хороший ресурс http://htmlbook.ru/

Вот похожие меню, которое вам надо: http://webmastermix.ru/css-blanks/91...lya-saita.html с исходными файлами, разобраться будет не сложно при условии элементарных знаний HTML + CSS

Картинки надо заливать в папку images на форуме

Создайте папку в images например "mymenu" и заливайте элементы меню.

Добавляем class в CSS

Панель администратора --> Стили и шаблоны --> Управление стилями --> Выбираем нужный стиль --> Основная таблица CSS --> прокручиваем страницу в самый низ до Дополнительные определения CSS

Например:

.menu {
    background:url(images/mymenu/menu.jpg)
}

Теперь можно использовать в шаблоне:

<div class="menu">
...
</div>

и т.д

Куда вставлять код вам подсказали, см. пост выше.

Originally Posted by GiRassell

limonina, Вам нужен хотя бы минимум уровень знаний HTML + CSS. Есть хороший ресурс http://htmlbook.ru/

Вот похожие меню, которое вам надо: http://webmastermix.ru/css-blanks/91...lya-saita.html с исходными файлами, разобраться будет не сложно при условии элементарных знаний HTML + CSS

Картинки надо заливать в папку images на форуме

Создайте папку в images например "mymenu" и заливайте элементы меню.

Добавляем class в CSS

Панель администратора --> Стили и шаблоны --> Управление стилями --> Выбираем нужный стиль --> Основная таблица CSS --> прокручиваем страницу в самый низ до Дополнительные определения CSS

Например:

.menu {
    background:url(images/mymenu/menu.jpg)
}

Теперь можно использовать в шаблоне:

<div class="menu">
...
</div>

и т.д

Куда вставлять код вам подсказали, см. пост выше.

К сожалению, я учу Delphi и С++

Например:

.menu {
    background:url(images/mymenu/menu.jpg)
}

Теперь можно использовать в шаблоне:

<div class="menu">
...
</div>

куда его пихать??

limonina, смотрите пост #6

<div class="menu">
	<ul>
		<li><a href="#">Ссылка</a></li>
		<li><a href="#">Ссылка</a></li>
		<li><a href="#">Ссылка</a></li>
		<li><a href="#">Ссылка</a></li>
		<li><a href="#">Ссылка</a></li>
		<li class="right">
			<form>
				<input type="text" value=""/>
			</form>
		</li>
	</ul>
</div>

css

.menu {
	background: #000 url(path_to_image/image.jpg) repeat-x top left;
	padding: 0 15px;
}
	.menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.menu ul li {
			float: left;
			border-right: 1px solid #ccc;
		}
			.menu ul li a {
				font: bold 13px Tahoma, Arial;
				text-transform: uppercase;
				color: #fff;
				padding: 5px 10px;
			}
				.menu ul li a:hover {
					background: #000;
					color: #ccc;
				}

Остальное:
chrome, firefox, opera — во всех этих браузерах есть встроенные средства разработки, Opera — Dragon fly, Chrome — стандартный, не помню как называется, в Firefox тоже есть, но рекомендую Firebug, затем просто наводим на элемент, правой кнопкой мыши — Инспектировать элемент, там собственно и увидите всё остальное, лучше один раз научиться, чем сотни раз задавать вопросы.