0
Сообщений в теме: 9
#1
Отправлено 27 Декабрь 2014 - 19:15
Добрый день. (наконец узнал, что у меня шаблон сияние)
Хочу отстилизовать шапку..
Вот сайт...
http://rayban10.ru/
Проблема в том, что хочу сделать все в одну строчку..
Хотел бы, чтобы так было..Причем по наводке курсором.. за тем или иным пунктом меню был красный фон, ну и непосредственно когда человек перешел по какому то меню.. эта страница в шапке горела красным
и подскажите пожалуйста.
1. Где менять шрифт
2. Где менять цвет шрифта
3. Где менять размер шрифта
4. Как изменить цвет той панели, на которой у меня шапка
Хочу отстилизовать шапку..
Вот сайт...
http://rayban10.ru/
Проблема в том, что хочу сделать все в одну строчку..
Хотел бы, чтобы так было..Причем по наводке курсором.. за тем или иным пунктом меню был красный фон, ну и непосредственно когда человек перешел по какому то меню.. эта страница в шапке горела красным
и подскажите пожалуйста.
1. Где менять шрифт
2. Где менять цвет шрифта
3. Где менять размер шрифта
4. Как изменить цвет той панели, на которой у меня шапка
#2
Отправлено 27 Декабрь 2014 - 19:57
У меня есть код..
.menu-uli a{ white-space: nowrap; height: 20px; line-height: 20px; vertical-align: middle; display: block; color: #3C3C3C; text-decoration: none; padding-left: 20px; text-align: left; font-size: 1.7em; }Это непосредственно текст на этом элементе, что мне нужно изменить/дописать, чтобы было, как я выше попросил...
#3
Отправлено 28 Декабрь 2014 - 10:42
metafora (27 Декабрь 2014 - 19:57) писал:
У меня есть код..
.menu-uli a{ white-space: nowrap; height: 20px; line-height: 20px; vertical-align: middle; display: block; color: #3C3C3C; text-decoration: none; padding-left: 20px; text-align: left; font-size: 1.7em; }Это непосредственно текст на этом элементе, что мне нужно изменить/дописать, чтобы было, как я выше попросил...
.menu-uli .span44 { width: 640px; margin: 25px 0 -9px 23px; padding: 9px 0 9px 23px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 0px 6px #FF0000; }отредактируйте параметр
background: #FFFFFF;
#4
Отправлено 28 Декабрь 2014 - 17:21
Alekseys (28 Декабрь 2014 - 10:42) писал:
Здравствуйте. В данном блоке для изменения шрифта добавьте параметр font-family:название шрифта; , для изменения цвета отредактируйте параметр color: #3C3C3C; для изменения размера шрифта - параметр font-size: 1.7em; . Для изменения цвета меню в main.css в блоке
background: #FFFFFF;
.menu-uli .span44 { width: 640px; margin: 25px 0 -9px 23px; padding: 9px 0 9px 23px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 0px 6px #FF0000; }отредактируйте параметр
background: #FFFFFF;
а как мне сделать так, чтобы при наведении курсора на текст в меню подсвечивалось часть этого блочка меню красным?
#6
Отправлено 28 Декабрь 2014 - 18:09
Спасибо большое!
А как сделать в менюшке.. такую же подцветку при наведении как тут http://s2951551.wix.com/rayban10 ?? цвета я сам подберу, но как это реализовать..
Да точно! Красный супер.. но как сделать чтобы подсвечивался фон за определенной менюшкой в белый??
А как сделать в менюшке.. такую же подцветку при наведении как тут http://s2951551.wix.com/rayban10 ?? цвета я сам подберу, но как это реализовать..
Да точно! Красный супер.. но как сделать чтобы подсвечивался фон за определенной менюшкой в белый??
#7
Отправлено 28 Декабрь 2014 - 18:20
metafora (28 Декабрь 2014 - 18:09) писал:
Спасибо большое!
А как сделать в менюшке.. такую же подцветку при наведении как тут http://s2951551.wix.com/rayban10 ?? цвета я сам подберу, но как это реализовать..
Да точно! Красный супер.. но как сделать чтобы подсвечивался фон за определенной менюшкой в белый??
А как сделать в менюшке.. такую же подцветку при наведении как тут http://s2951551.wix.com/rayban10 ?? цвета я сам подберу, но как это реализовать..
Да точно! Красный супер.. но как сделать чтобы подсвечивался фон за определенной менюшкой в белый??
.menu-uli .span44 { width: 640px; margin: 25px 0 -9px 23px; padding: 9px 0 9px 23px; background: #C0C0C0; border-radius: 9px; box-shadow: 0px 0px 6px #FFFFFF; }на
.menu-uli .span44 { width: 640px; margin: 25px 0 -9px 23px; padding: 0 0 0 23px; background: #C0C0C0; border-radius: 9px; box-shadow: 0px 0px 6px #FFFFFF; }и
.menu-uli a { white-space: nowrap; height: 20px; line-height: 20px; vertical-align: middle; display: block; color: #FFFFFF; text-decoration: none; padding-left: 20px; text-align: left; font-size: 1.7em; }на
.menu-uli a { white-space: nowrap; height: 20px; line-height: 20px; vertical-align: middle; display: block; color: #3C3C3C; text-decoration: none; padding: 10px 32px 10px 13px; text-align: left; font-size: 1.7em; width: 55px; margin-left: 0px; }и добавьте
.menu-uli a:hover { color: red; background-color: white; }
#8
Отправлено 28 Декабрь 2014 - 18:32
Спасибо большое!)
Но я тут добавил еще страницу..
И все поплыло..
Как сделать, чтобы в одну строчку было? И можно уменьшить текст, чтобы он не таким жирным был..
Но я тут добавил еще страницу..
И все поплыло..
Как сделать, чтобы в одну строчку было? И можно уменьшить текст, чтобы он не таким жирным был..
#9
Отправлено 28 Декабрь 2014 - 18:51
metafora (28 Декабрь 2014 - 18:32) писал:
Спасибо большое!)
Но я тут добавил еще страницу..
И все поплыло..
Как сделать, чтобы в одну строчку было? И можно уменьшить текст, чтобы он не таким жирным был..
Но я тут добавил еще страницу..
И все поплыло..
Как сделать, чтобы в одну строчку было? И можно уменьшить текст, чтобы он не таким жирным был..
.menu-uli .span44 { width: 640px; margin: 25px 0 -9px 23px; padding: 0 0 0 23px; background: #000000; border-radius: 9px; box-shadow: 0px 0px 20px #000; }на
.menu-uli .span44 { width: 670px; margin: 25px 0 -9px 23px; padding: 0; background: #000000; border-radius: 9px; box-shadow: 0px 0px 20px #000; padding-left: 5px; }затем
.menu-uli .span44 li { display: block; float: left; width: 70px; padding-right: 30px; }замените на
.menu-uli .span44 li { display: block; float: left; width: 95px; }и
.menu-uli a { white-space: nowrap; height: 20px; line-height: 20px; vertical-align: middle; display: block; color: #FFFFFF; text-decoration: none; padding: 10px 32px 10px 13px; text-align: left; font-size: 1.7em; width: 55px; margin-left: 0px; }на
.menu-uli a { white-space: nowrap; height: 20px; line-height: 20px; vertical-align: middle; display: block; color: #FFFFFF; text-decoration: none; padding: 10px 0 10px 0; text-align: center; font-size: 1.7em; }
#10
Отправлено 28 Декабрь 2014 - 19:02
Спасибо большое!
Темы с аналогичным тегами шапка
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных