Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Шапка, Шрифт И Добавить Еще Страницу

Автор metafora, 27 дек. 2014 19:15

шапка

Авторизуйтесь для ответа в теме

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

#1 metafora

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

Пользователи
205 сообщений

Отправлено 27 Декабрь 2014 - 19:15

Добрый день. (наконец узнал, что у меня шаблон сияние)
Хочу отстилизовать шапку..

Вот сайт...
http://rayban10.ru/

Проблема в том, что хочу сделать все в одну строчку..

Хотел бы, чтобы так было..Причем по наводке курсором.. за тем или иным пунктом меню был красный фон, ну и непосредственно когда человек перешел по какому то меню.. эта страница в шапке горела красным

и подскажите пожалуйста.

1. Где менять шрифт
2. Где менять цвет шрифта
3. Где менять размер шрифта
4. Как изменить цвет той панели, на которой у меня шапка

Наверх

#2 metafora

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

Пользователи
205 сообщений

Отправлено 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 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 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;
}

Это непосредственно текст на этом элементе, что мне нужно изменить/дописать, чтобы было, как я выше попросил...

Здравствуйте. В данном блоке для изменения шрифта добавьте параметр font-family:название шрифта; , для изменения цвета отредактируйте параметр color: #3C3C3C; для изменения размера шрифта - параметр font-size: 1.7em; . Для изменения цвета меню в main.css в блоке

.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 metafora

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

Пользователи
205 сообщений

Отправлено 28 Декабрь 2014 - 17:21

Alekseys (28 Декабрь 2014 - 10:42) писал:

.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;

а как мне сделать так, чтобы при наведении курсора на текст в меню подсвечивалось часть этого блочка меню красным?

Наверх

#5 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 28 Декабрь 2014 - 17:37

metafora (28 Декабрь 2014 - 17:21) писал:

Добавьте в main.css

.menu-uli a:hover {
color: red;
}

Наверх

#6 metafora

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

Пользователи
205 сообщений

Отправлено 28 Декабрь 2014 - 18:09

Спасибо большое!
А как сделать в менюшке.. такую же подцветку при наведении как тут http://s2951551.wix.com/rayban10 ?? цвета я сам подберу, но как это реализовать..

Да точно! Красный супер.. но как сделать чтобы подсвечивался фон за определенной менюшкой в белый??

Наверх

#7 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 28 Декабрь 2014 - 18:20

metafora (28 Декабрь 2014 - 18:09) писал:

В main.css замените

.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 metafora

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

Пользователи
205 сообщений

Отправлено 28 Декабрь 2014 - 18:32

Спасибо большое!)
Но я тут добавил еще страницу..
И все поплыло..
Как сделать, чтобы в одну строчку было? И можно уменьшить текст, чтобы он не таким жирным был..

Наверх

#9 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 28 Декабрь 2014 - 18:51

metafora (28 Декабрь 2014 - 18:32) писал:

В main.css замените

.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 metafora

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

Пользователи
205 сообщений

Отправлено 28 Декабрь 2014 - 19:02

Спасибо большое!

Наверх

Обратно в Изменение общей стилистики

Темы с аналогичным тегами шапка

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Маркетплейс → Главная → Добавление В Шапку Сайта Почты И Сделать Крупно Номер Телефона Автор Гость_Art_* , 05 марта 2021 банер, телефон, почта, бренд и 2 еще...	Популярная тема 9 Ответов 893 Просмотров	Vaccina 18 марта 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Изменение общей стилистики → Добавил Элементы В Шапке Автор Гость_like.hornet.6_* , 22 авг. 2019 шапка, добавить, элементы	0 Ответов 1 545 Просмотров	like.hornet.6 22 авг. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Изменение общей стилистики → Ссылки На Странице В Шапке Автор Гость_vproekt_* , 10 апр. 2019 шапка	0 Ответов 1 637 Просмотров	vproekt 10 апр. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Осень → Нужна Помощь Редактировании Шаблона Осень Автор Гость_Olga1215_* , 16 нояб. 2018 осень, шапка, фон сайта и 4 еще...	0 Ответов 3 142 Просмотров	Olga1215 16 нояб. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Рассвет → Как Изменить Расположение Объектов На Первом Экране Автор Гость_DMC_* , 19 окт. 2018 шапка, слайдер, логотип	1 Ответ 2 363 Просмотров	Vaccina 26 окт. 2018

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

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

Шапка, Шрифт И Добавить Еще Страницу

Темы с аналогичным тегами шапка

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

Войти

Google поиск