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


Срочно Помогите Разобраться!

шапка меню цвет

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

#1 Roman(GRR)

Roman(GRR)

    Продвинутый пользователь

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

Отправлено 14 Июль 2013 - 17:16

Здравствуйте, помогите разобраться!

1)передвинуть меню вниз, шрифт сделать белым, убрать перегородки.
2)переместить номер и время, сделать белыми.
3)корзину и поиск убрать выше-левее, сделать белым.
4) сделать фон как на шапке.

Заранее спасибо!

P.S.
Скрин прилагается, всё указанно!

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

  • Безымянный.png


#2 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 14 Июль 2013 - 18:54

Просмотр сообщенияRoman(GRR) (14 Июль 2013 - 17:16) писал:

Здравствуйте, помогите разобраться!

1)передвинуть меню вниз, шрифт сделать белым, убрать перегородки.
2)переместить номер и время, сделать белыми.
3)корзину и поиск убрать выше-левее, сделать белым.
4) сделать фон как на шапке.

Заранее спасибо!

P.S.
Скрин прилагается, всё указанно!

1) Найдите код в main.css:
#top-menu {
height: 40px;
overflow: hidden;
}
и замените на:
#top-menu {
height: 40px;
overflow: hidden;
margin-top: 75px;
}

Шрифт в меню белый

Найдите код:
#mainmenu li a {
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 18px;
padding-left: 16px;
text-transform: uppercase;
text-decoration: none;
background: url(http://bigb.storeland.net/tm_link_border.gif) no-repeat right top;
}
и замените на:
#mainmenu li a {
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 18px;
padding-left: 16px;
text-transform: uppercase;
text-decoration: none;
}

2) Найдите код:
#contactInfo {
position: absolute;
font-size: 1.1em;
top: 10px;
left: 170px;
}
и замените на:
#contactInfo {
position: absolute;
font-size: 1.1em;
top: 179px;
left: 566px;
color: white;
}

3)
Найдите код:
#cartInfo {
position: absolute;
font-size: 13px;
top: 54px;
left: 380px;
white-space: nowrap;
overflow: hidden;
height: 20px;
width: 340px;
}
и замените на:
#cartInfo {
position: absolute;
font-size: 13px;
top: 14px;
left: 283px;
white-space: nowrap;
overflow: hidden;
height: 20px;
width: 340px;
color: white !important;
}

Далее найти код:
#cartInfo a {
color: #000;
text-transform: uppercase;
padding: 5px 0px 5px 45px;
}
и заменить на:
#cartInfo a {
color: white;
text-transform: uppercase;
padding: 5px 0px 5px 45px;
}

Найдите код:
#search {
height: 35px;
float: right;
padding-top: 45px;
padding-right: 15px;
width: 245px;
}
и замените на:
#search {
height: 35px;
float: right;
padding-top: 5px;
padding-right: 15px;
width: 245px;
right: 136px;
position: absolute;
}

Далее найдите код:
#search .search_box {
background: none;
border: none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding: 0px;
padding-left: 14px;
padding-top: 8px;
}
и замените на:
#search .search_box {
background: none;
border: none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding: 0px;
padding-left: 14px;
padding-top: 8px;
color: white;
}

4) В коде:
.b_page {
background: url({ASSETS_IMAGES_PATH}header_page-во.png) no-repeat center top;
}
Замените no-repeat на repeat-y
Результат -
.b_page {
background: url({ASSETS_IMAGES_PATH}header_page-во.png) repeat-y center top;
}


#3 Roman(GRR)

Roman(GRR)

    Продвинутый пользователь

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

Отправлено 14 Июль 2013 - 20:34

Большое спасибо за помощь!





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

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

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