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

[Koderhan]

В файле html попробуйте удалить код:

<meta http-equiv="X-UA-Compatible" content="IE=7"/>

[yuragravi]

Koderhan (24 Октябрь 2013 - 13:34) писал:

В файле html попробуйте удалить код:

<meta http-equiv="X-UA-Compatible" content="IE=7"/>

не помогло!

[Vaccina]

Подобной проблемы в браузере IE8-IE10 на вашем сайте не замечено. Попробуйте очистить кэш в вашем браузере, возможно проблема в кэше. Если проблема все же не уйдет, то сообщите версию вашего браузера IE, а так же используемое вами разрешение экрана.

[Pavel74]

Вопрос тот же, как сделать меню КНОПКАМИ (иконками) ?   SL-253299

[ne_yana]

Pavel74 (23 Декабрь 2013 - 19:01) писал:

Вопрос тот же, как сделать меню КНОПКАМИ (иконками) ?   SL-253299

Здравствуйте, в файле style.css замените

#megamenu li .root_link{color:#9400D3;text-transform:uppercase;font-size:16px; text-decoration: none;}

на

#megamenu li .root_link{color:#9400D3;text-transform:uppercase;font-size:16px; padding: 5px;text-decoration: none;border: 1px solid #E9E9E9;background: #E9E9E9;border-radius: 5px;}

Если нужно изменить их внешний вид, то опишите подробнее, как они должны выглядеть.

[Pavel74]

Здравствуйте. Ничего не изменилось...

[ne_yana]

Pavel74 (24 Декабрь 2013 - 17:48) писал:

Здравствуйте. Ничего не изменилось...

Здравствуйте, у пунктов меню появился фон (они стали выглядеть как кнопки). Если Вы имели ввиду что-то другое, то утоните, пожалуйста, свой вопрос.

Прикрепленные изображения

• 

[Pavel74]

Pavel74 (24 Декабрь 2013 - 17:48) писал:

Здравствуйте. Ничего не изменилось. Хотелось бы что появился вид "Кнопки", т.е. выпуклый прямоугольник

если честно я не вижу и фона...

[Castiel]

Pavel74 (24 Декабрь 2013 - 17:54) писал:

если честно я не вижу и фона...

Находим

#megamenu li .root_link {
color: #9400D3;
text-transform: uppercase;
font-size: 16px;
padding: 5px;
text-decoration: none;
border: 1px solid #E9E9E9;
background: #E9E9E9;
border-radius: 5px;
}

Заменяем на

#megamenu li .root_link {
color: #9400D3;
text-transform: uppercase;
font-size: 16px;
padding: 5px;
text-decoration: none;
border: 1px solid #000;
background: #E9E9E9;
border-radius: 5px;
}

[Pavel74]

Понятно. Спасибо. А можно все таки выпуклую кнопку сделать, например как на этом форуме - кнопки "Цитата", "Ответить" и тд ?

[@lina_va]

Pavel74 (24 Декабрь 2013 - 18:08) писал:

Понятно. Спасибо. А можно все таки выпуклую кнопку сделать, например как на этом форуме - кнопки "Цитата", "Ответить" и тд ?

Добрый вечер.
В HTML замените:

		<!-- Блок навигации -->
		{% IFNOT menu_empty %}
		  <ul id="megamenu">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
					<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				  </li>
			  {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		{% ENDIF %}

на

		<!-- Блок навигации -->
		{% IFNOT menu_empty %}
		  <ul id="megamenu">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
					<a href="{menu.header.links.URL}"  class="whtblue" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				  </li>
			  {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		{% ENDIF %}

и в конец файла style.css вставляем:

.whtblue {
border: 1px solid #D0D0D0 !important;
background: black;
padding: 5px 15px;
font: normal 12px Verdana, Geneva, sans-serif;
color: #504F4F;
height: 27px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
outline: none;
}

в строке

background: black;

задайте цвет ячеек

[Pavel74]

не получилось. Просто подчеркнутые стали

[@lina_va]

Pavel74 (24 Декабрь 2013 - 19:10) писал:

не получилось. Просто подчеркнутые стали

В style.css перед кодом

.whtblue {
border: 1px solid #D0D0D0 !important;
background: black;
padding: 5px 15px;
font: normal 12px Verdana, Geneva, sans-serif;
color: #504F4F;
height: 27px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
outline: none;
}

вставьте скобку

}

[Pavel74]

а как их сделать выпуклыми и при наведении как то изменялись, цвет или тень? Что бы была КНОПКА , а не прямоугольник с надписью

[@lina_va]

Pavel74 (24 Декабрь 2013 - 19:42) писал:

а как их сделать выпуклыми и при наведении как то изменялись, цвет или тень? Что бы была КНОПКА , а не прямоугольник с надписью

В main.css вставьте:

.root_menu a:hover {
color: blue;
text-shadow: #cad5e2 1px 1px 0, #cad5e2 2px 2px 0, #cad5e2 3px 3px 0, #cad5e2 4px 4px 0, #cad5e2 5px 5px 0;
}

В строке

color: blue;

напишите цвет, в который будут окрашиваться слова при наведении курсора
и замените:

.whtblue {
border: 1px solid #D0D0D0 !important;
background: url(http://aav93.storeland.net/whtblue-nor.jpg) center top repeat-x;
padding: 5px 15px;
font: normal 12px Verdana, Geneva, sans-serif;
color: #504F4F;
height: 27px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
outline: none;
}

на

.whtblue {
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
border: 1px solid #D0D0D0 !important;
background: url(http://aav93.storeland.net/whtblue-nor.jpg) center top repeat-x;
padding: 5px 15px;
font: normal 12px Verdana, Geneva, sans-serif;
color: #504F4F;
height: 27px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
outline: none;
}

[Pavel74]

Вобщем выглядит вот так (рис.1). т.е. без изменения цвета и тд .  Я правильно вставил в Style.CSS (рис.2) ?

Прикрепленные изображения

• 
• 

[Castiel]

Pavel74 (24 Декабрь 2013 - 20:30) писал:

Вобщем выглядит вот так (рис.1). т.е. без изменения цвета и тд .  Я правильно вставил в Style.CSS (рис.2) ?

Вы опять забыли закрыть скобку }

Удалите все после 843 строки и вставьте в конце файла эту часть кода

.whtblue {
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
border: 1px solid #D0D0D0 !important;
background: url(http://aav93.storeland.net/whtblue-nor.jpg) center top repeat-x;
padding: 5px 15px;
font: normal 12px Verdana, Geneva, sans-serif;
color: #504F4F;
height: 27px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
outline: none;
text-decoration: none;
}
.root_menu a:hover {
color: green;
text-shadow: #cad5e2 1px 1px 0, #cad5e2 2px 2px 0, #cad5e2 3px 3px 0, #cad5e2 4px 4px 0, #cad5e2 5px 5px 0;
}

Пожалуйста, будьте более внимательны при добавлении\редактировании кода, все скобки очень важны.

[Pavel74]

Ну вот, уже что то вырисовывается. Спасибо. Но хотелось бы что бы они были все таки выпуклыми. сейчас вот так ...

или можно изменить фон внутри кнопки? тогда они будут казаться более обьемными

Прикрепленные изображения

• 

[Castiel]

Pavel74 (24 Декабрь 2013 - 21:00) писал:

Ну вот, уже что то вырисовывается. Спасибо. Но хотелось бы что бы они были все таки выпуклыми. сейчас вот так ...

или можно изменить фон внутри кнопки? тогда они будут казаться более обьемными

Чтобы изменить фон внутри кнопок, вам необходимо выбрать цвета для них
Находим

.whtblue {
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
border: 1px solid #D0D0D0 !important;
background: url(http://aav93.storeland.net/whtblue-nor.jpg) center top repeat-x;
padding: 5px 15px;
font: normal 12px Verdana, Geneva, sans-serif;
color: #504F4F;
height: 27px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
outline: none;
text-decoration: none;
}

Заменяем на

.whtblue {
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
border: 1px solid #D0D0D0 !important;
background:#ff0000 url(http://aav93.storeland.net/whtblue-nor.jpg) center top repeat-x;
padding: 5px 15px;
font: normal 12px Verdana, Geneva, sans-serif;
color: #504F4F;
height: 27px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
outline: none;
text-decoration: none;
}

Вот части кода отвечающие за цвет фона и границы рамки.
#D0D0D0 цвет рамки
#ff0000   цвет фона внутри кнопки

[Pavel74]

Спасибо

скажите, пожалуйста еще, как сдвинуть их правее?