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


Помогите Увеличить Шапку Сайта


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

#1 oxigen

oxigen

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

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

Отправлено 14 Апрель 2013 - 23:00

Размер логотипа 300 x 115. соответственно полностью не умещается в шапке. Нужно "раздвинуть" шапку, чтобы она стала побольше, а логотип был виден. Сайт: http://cherrydreams.ru/

#2 optimushop

optimushop

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

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

Отправлено 14 Апрель 2013 - 23:26

Сам логотип обрезанный же?

#3 miyako

miyako

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

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

Отправлено 15 Апрель 2013 - 06:57

Просмотр сообщенияoxigen (14 Апрель 2013 - 23:00) писал:

Размер логотипа 300 x 115. соответственно полностью не умещается в шапке. Нужно "раздвинуть" шапку, чтобы она стала побольше, а логотип был виден. Сайт: http://cherrydreams.ru/

Найдите код в main.css:
#headerWrap {
height: 150px;
background: url(http://design.cherrydreams.ru/header_bg.jpg) repeat-x;
}
и замените на:
#headerWrap {
height: 219px;
background: url(http://design.cherrydreams.ru/header_bg.jpg) repeat-x;
background-size: auto 170px;
}

Найдите код:
#header {
position: relative;
width: 960px;
height: 150px;
margin: 0 auto;
}
и замените на:
#header {
position: relative;
width: 960px;
height: 169px;
margin: 0 auto;
}

Найдите код:
#header #logo {
position: absolute;
top: 18px;
left: 10px;
height: 79px;
width: 300px;
background: url(http://design.cherrydreams.ru/logo.png) no-repeat;
}
и замените на:
#header #logo {
position: absolute;
top: 18px;
left: 10px;
height: 111px;
width: 300px;
background: url(http://design.cherrydreams.ru/logo.png) no-repeat;
}


#4 oxigen

oxigen

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

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

Отправлено 15 Апрель 2013 - 10:15

Просмотр сообщенияmiyako (15 Апрель 2013 - 06:57) писал:

Найдите код в main.css:
#headerWrap {
height: 150px;
background: url(http://design.cherrydreams.ru/header_bg.jpg) repeat-x;
}
и замените на:
#headerWrap {
height: 219px;
background: url(http://design.cherrydreams.ru/header_bg.jpg) repeat-x;
background-size: auto 170px;
}

Найдите код:
#header {
position: relative;
width: 960px;
height: 150px;
margin: 0 auto;
}
и замените на:
#header {
position: relative;
width: 960px;
height: 169px;
margin: 0 auto;
}

Найдите код:
#header #logo {
position: absolute;
top: 18px;
left: 10px;
height: 79px;
width: 300px;
background: url(http://design.cherrydreams.ru/logo.png) no-repeat;
}
и замените на:
#header #logo {
position: absolute;
top: 18px;
left: 10px;
height: 111px;
width: 300px;
background: url(http://design.cherrydreams.ru/logo.png) no-repeat;
}

Спасибо! Все получилось.

#5 Ferr

Ferr

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

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

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

Тоже нужно сделать шапку шире, но В шаблоне "Сияние" в main.css нет  #headerWrap { и #header {. У меня :

page-headline {height: 81px;position:relative;}
.page-headline h1 {
  position:absolute; width:940px;
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000000;
  padding-left: 20px;
  height:2em;overflow:hidden;
}

Помогите пожалуйста, как мне сделать?

#6 shnafix

shnafix

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

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

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

Скажите, пожалуйста, номер вашего аккаунта или дайте ссылку на сайт.

#7 Ferr

Ferr

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

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

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

http://upcars.storeland.ru/

#8 shnafix

shnafix

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

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

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

Пришлите, пожалуйста, скриншот с комментариями, чтобы мы точно поняли что и куда вы хотите подвинуть или расширить.

#9 Ferr

Ferr

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

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

Отправлено 12 Июнь 2013 - 19:29

Текущее положение вы видите на сайте, примерно так я хочу сделать, но возможно размер шапки по ширине будет немного меньше, подскажите какой код нужно будет  редактировать чтоб подогнать по размеру?

И еще вопрос, как убрать синий цвет кнопок при наведении курсора на пункты меню?

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

  • Безимени-1.png


#10 shnafix

shnafix

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

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

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

То есть Вам подсказать, как спустить поиск и меню? И удалить контакты?

#11 Ferr

Ferr

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

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

Отправлено 12 Июнь 2013 - 19:42

Да, можно сделать и так - опустить всю информацию ниже.

Всю информацию это МЕНЮ, ПОИСК, и Содержание всех страниц вместе с заголовками например "МЫ РАДЫ ВИДЕТЬ ВАС"...

#12 shnafix

shnafix

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

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

Отправлено 12 Июнь 2013 - 22:48

Просмотр сообщенияFerr (12 Июнь 2013 - 19:42) писал:

Да, можно сделать и так - опустить всю информацию ниже.Всю информацию это МЕНЮ, ПОИСК, и Содержание всех страниц вместе с заголовками например "МЫ РАДЫ ВИДЕТЬ ВАС"...
В main.css найдите
#search {
height: 35px;
float: right;
padding-top: 45px;
padding-right: 15px;
width: 245px;
}
и добавьте в конец блока строку
padding-top: 400px;
где значение 400, подберите удобным для себя.

#13 Ferr

Ferr

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

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

Отправлено 13 Июнь 2013 - 00:02

Спасибо большое, всё получилось. Только немного вылазит горизонтальная линия справа от текста на странице...

#14 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 13 Июнь 2013 - 10:05

Просмотр сообщенияFerr (13 Июнь 2013 - 00:02) писал:

Спасибо большое, всё получилось. Только немного вылазит горизонтальная линия справа от текста на странице...

не совсем поняла про какую линию Вы говорите, может быть вертикальную? Для этого найдите в файле main.css блок
.content_page {
  background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 68px;
  overflow:hidden; 
  padding-bottom: 2em;
}

замените в нем
no-repeat 710px 68px;
на
no-repeat 710px 70px;


#15 Ferr

Ferr

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

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

Отправлено 13 Июнь 2013 - 11:25

Да. всё верно. Получилось убрать=))) Спасибо огромное!!!=) Вы супер!!!=)




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

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