Сообщений в теме: 6

[olegus67]

Добрый день!
Есть ряд вопросов по главному меню на сайте  http://kindtoy.ru :
1) необходимо сдвинуть меню вправо ?
2) Возможно ли сделать кнопки отдельными и закруглить их ?
3) как менять цвет кнопок ?

[Vaccina]

Вам необходимо сделать изменения в файле стилей main.css а именно в классе

#mainmenu li a {
	background: url("/web/upload/assets/images/19/18207/tm_link_border1.gif") repeat-x scroll left bottom transparent;
	color: #FFFFFF;
	display: block;
	float: right;
	font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

замените данный класс на

#mainmenu li a {
	background: url("/web/upload/assets/images/19/18207/tm_link_border1.gif") repeat-x scroll left bottom transparent;
	border-radius: 6px;
	color: #FFFFFF;
	display: block;
	float: right;
	font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
	margin: 0 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

Для изменения цвета вам необходимо или изменить изображение "tm_link_border1.gif" в разделе редактора тем, или же вместо свойства background указать свойство background-color с необходимым цветом.

Для изменения цвета при наведении на пункт - вам необходимо изменить класс

#mainmenu li a:hover {
	background: url("/web/upload/assets/images/19/18207/tm_link_border.gif") repeat-x scroll left bottom transparent;
}

[olegus67]

Vaccina (05 Февраль 2013 - 01:14) писал:

Вам необходимо сделать изменения в файле стилей main.css а именно в классе

#mainmenu li a {
background: url("/web/upload/assets/images/19/18207/tm_link_border1.gif") repeat-x scroll left bottom transparent;
color: #FFFFFF;
display: block;
float: right;
font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
text-transform: uppercase;
}

замените данный класс на

#mainmenu li a {
background: url("/web/upload/assets/images/19/18207/tm_link_border1.gif") repeat-x scroll left bottom transparent;
border-radius: 6px;
color: #FFFFFF;
display: block;
float: right;
font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
margin: 0 10px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
text-transform: uppercase;
}

Для изменения цвета вам необходимо или изменить изображение "tm_link_border1.gif" в разделе редактора тем, или же вместо свойства background указать свойство background-color с необходимым цветом.

Для изменения цвета при наведении на пункт - вам необходимо изменить класс

#mainmenu li a:hover {
background: url("/web/upload/assets/images/19/18207/tm_link_border.gif") repeat-x scroll left bottom transparent;
}

спасибо , все получилось

Еще вопрос.
Как уменьшить кнопку по высоте, что бы были немного поуже?
Спасибо.

[olegus67]

olegus67 (05 Февраль 2013 - 11:26) писал:

спасибо , все получилось

Еще вопрос.
Как уменьшить кнопку по высоте, что бы были немного поуже?
Спасибо.

Уже разобрался

[Svipper93]

Добрый день. Подскажите пожалуйста: какие значения и в каких строках отвечают за расположение главного горизонтального меню? Т.е. значения расположения по ширине и высоте, координаты так сказать. Адрес магазина: masterinstrumenta.ru. Хочу поднять меню, которое сейчас не видно, на красную полосу.

Буду признателен за ответ.

[miyako]

Svipper93 (07 Февраль 2013 - 05:44) писал:

Добрый день. Подскажите пожалуйста: какие значения и в каких строках отвечают за расположение главного горизонтального меню? Т.е. значения расположения по ширине и высоте, координаты так сказать. Адрес магазина: masterinstrumenta.ru. Хочу поднять меню, которое сейчас не видно, на красную полосу.

Буду признателен за ответ.

Найдите в шаблоне HTML код:

<div class="containerin" id="top-menu">   

и замените его на:

<div class="containerin" id="top-menu" style="
	position: absolute;
	top: 214px;">			 

[Svipper93]

Получились кнопки в столбик по две...... Как исправить, не подскажете?

А, нет, разобрался! Спасибо Вам!