Здравствуйте!
Скачала и вставила в html и css скрипт выпадающего меню. Но оно почему-то съехало... Помогите, пожалуйста! Где и что мне исправить, чтобы:
а)меню встало на на место (как на картинке ДО изменений);
б)шрифт был бы таким же четким, как в левом меню. Сейчас он почему-то размыт.
Заранее большое спасибо!
P.S. сайт http://getsunshine.ru/
0
Верхнее Меню
Автор OMarra, 24 июня 2012 00:00
Сообщений в теме: 3
#1
Отправлено 24 Июнь 2012 - 00:00
#2
Отправлено 25 Июнь 2012 - 08:44
OMarra (24 Июнь 2012 - 00:00) писал:
Здравствуйте!
Скачала и вставила в html и css скрипт выпадающего меню. Но оно почему-то съехало... Помогите, пожалуйста! Где и что мне исправить, чтобы:
а)меню встало на на место (как на картинке ДО изменений);
б)шрифт был бы таким же четким, как в левом меню. Сейчас он почему-то размыт.
Заранее большое спасибо!
P.S. сайт http://getsunshine.ru/
Скачала и вставила в html и css скрипт выпадающего меню. Но оно почему-то съехало... Помогите, пожалуйста! Где и что мне исправить, чтобы:
а)меню встало на на место (как на картинке ДО изменений);
б)шрифт был бы таким же четким, как в левом меню. Сейчас он почему-то размыт.
Заранее большое спасибо!
P.S. сайт http://getsunshine.ru/
Второй вопрос, про шрифт, снимается. Сама додумалась. А с первым помогите, пожалуйста! Очень нужно!
#3
Отправлено 25 Июнь 2012 - 18:18
Вам необходимо в шаблоне "HTML" найти и удалить строку (стрелку, она видимо появилась по ошибке)
далее сделайте следующее (в файле стилей main.css)
найдите
замените на
далее найдите
замените на
далее найдите
замените на
далее найдите
замените на
Так же вам необходимо найти
и заменить на
>
далее сделайте следующее (в файле стилей 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
Отправлено 26 Июнь 2012 - 17:47
Vaccina (25 Июнь 2012 - 18:18) писал:
Вам необходимо в шаблоне "HTML" найти и удалить строку (стрелку, она видимо появилась по ошибке)
далее сделайте следующее (в файле стилей main.css)
найдите
замените на
далее найдите
замените на
далее найдите
замените на
далее найдите
замените на
Так же вам необходимо найти
и заменить на
>
далее сделайте следующее (в файле стилей 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 анонимных