Перейти к содержимому


Верхнее Меню


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 OMarra

OMarra

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 24 Июнь 2012 - 00:00

Здравствуйте!

Скачала и вставила в html и css скрипт выпадающего меню. Но оно почему-то съехало... Помогите, пожалуйста! Где и что мне исправить, чтобы:

а)меню встало на на место (как на картинке ДО изменений);
б)шрифт был бы таким же четким, как в левом меню. Сейчас он почему-то размыт.

Заранее большое спасибо!

P.S. сайт http://getsunshine.ru/

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

  • Menu_Before.png
  • Menu_after.png


#2 OMarra

OMarra

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 25 Июнь 2012 - 08:44

Просмотр сообщенияOMarra (24 Июнь 2012 - 00:00) писал:

Здравствуйте!

Скачала и вставила в html и css скрипт выпадающего меню. Но оно почему-то съехало... Помогите, пожалуйста! Где и что мне исправить, чтобы:

а)меню встало на на место (как на картинке ДО изменений);
б)шрифт был бы таким же четким, как в левом меню. Сейчас он почему-то размыт.

Заранее большое спасибо!

P.S. сайт http://getsunshine.ru/

Второй вопрос, про шрифт, снимается. Сама додумалась. А с первым помогите, пожалуйста! Очень нужно!

#3 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 25 Июнь 2012 - 18:18

Вам необходимо в шаблоне "HTML" найти и удалить строку (стрелку, она видимо появилась по ошибке)

										> 

далее сделайте следующее (в файле стилей main.css)

найдите

ul#css3menu1 {
	display: inline-block;
	font-size: 0;
	position: relative;
	z-index: 999;
}

замените на

ul#css3menu1 {
	display: inline-block;
	font-size: 0;
	height: 25px;
	margin-left: 60px;
	position: relative;
	z-index: 999;
}

далее найдите

ul#css3menu1, ul#css3menu1 ul {
	background-color: #DEDEDE;
	border-color: #5F5F5F;
	border-radius: 0 0 0 0;
	border-style: solid;
	border-width: 1px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

замените на

ul#css3menu1, ul#css3menu1 ul {
	border: medium none;
	border-radius: 0 0 0 0;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

далее найдите

ul#css3menu1 li.topfirst > a {
	border-radius: 5px 0 0 5px;
}

замените на

ul#css3menu1 li.topfirst > a {
	border: medium none;
	border-radius: 5px 0 0 5px;
}

далее найдите

ul#css3menu1 a {
	background-color: #0081C7;
	background-image: url("mainbk.png");
	background-position: 0 0;
	background-repeat: repeat;
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 0 0 0 1px;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font: 20px TaurusNormal,Tahoma,sans-serif;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	text-shadow: 0 0 0 #FFFFFF;
	vertical-align: middle;
}

замените на

ul#css3menu1 a {
	background-color: #0081C7;
	background-image: url("mainbk.png");
	background-position: 0 0;
	background-repeat: repeat;
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 0 0 0 1px;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font: 20px TaurusNormal,Tahoma,sans-serif;
	padding: 1px 8px;
	text-align: left;
	text-decoration: none;
	text-shadow: 0 0 0 #FFFFFF;
	vertical-align: middle;
}

Так же вам необходимо найти

body {
	background-color: #F0FFFF;
}

и заменить на

body {
	background-color: #F0FFFF;
	min-width: 960px;
}


#4 OMarra

OMarra

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 26 Июнь 2012 - 17:47

Просмотр сообщенияVaccina (25 Июнь 2012 - 18:18) писал:

Вам необходимо в шаблоне "HTML" найти и удалить строку (стрелку, она видимо появилась по ошибке)

										> 

далее сделайте следующее (в файле стилей main.css)

найдите

ul#css3menu1 {
	display: inline-block;
	font-size: 0;
	position: relative;
	z-index: 999;
}

замените на

ul#css3menu1 {
	display: inline-block;
	font-size: 0;
	height: 25px;
	margin-left: 60px;
	position: relative;
	z-index: 999;
}

далее найдите

ul#css3menu1, ul#css3menu1 ul {
	background-color: #DEDEDE;
	border-color: #5F5F5F;
	border-radius: 0 0 0 0;
	border-style: solid;
	border-width: 1px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

замените на

ul#css3menu1, ul#css3menu1 ul {
	border: medium none;
	border-radius: 0 0 0 0;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

далее найдите

ul#css3menu1 li.topfirst > a {
	border-radius: 5px 0 0 5px;
}

замените на

ul#css3menu1 li.topfirst > a {
	border: medium none;
	border-radius: 5px 0 0 5px;
}

далее найдите

ul#css3menu1 a {
	background-color: #0081C7;
	background-image: url("mainbk.png");
	background-position: 0 0;
	background-repeat: repeat;
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 0 0 0 1px;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font: 20px TaurusNormal,Tahoma,sans-serif;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	text-shadow: 0 0 0 #FFFFFF;
	vertical-align: middle;
}

замените на

ul#css3menu1 a {
	background-color: #0081C7;
	background-image: url("mainbk.png");
	background-position: 0 0;
	background-repeat: repeat;
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 0 0 0 1px;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font: 20px TaurusNormal,Tahoma,sans-serif;
	padding: 1px 8px;
	text-align: left;
	text-decoration: none;
	text-shadow: 0 0 0 #FFFFFF;
	vertical-align: middle;
}

Так же вам необходимо найти

body {
	background-color: #F0FFFF;
}

и заменить на

body {
	background-color: #F0FFFF;
	min-width: 960px;
}

Огромное спасибо! Все получилось!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных