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


Изменение Шапки


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

#1 Cannab

Cannab

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

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

Отправлено 24 Ноябрь 2013 - 21:10

Помогите пожалуйста по следующим пунктам.
1) Форму поиска уменьшить по длине вдвое и вместе с корзиной сместить вниз к баннеру.
2) удалить контакты
3) вставить изображение

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

  • 123.jpg


#2 empty9228

empty9228

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

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

Отправлено 25 Ноябрь 2013 - 10:28

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

#3 Cannab

Cannab

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

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

Отправлено 25 Ноябрь 2013 - 18:37

Просмотр сообщенияempty9228 (25 Ноябрь 2013 - 10:28) писал:

Здравствуйте, пришлите пожалуйста свой номер аккаунта и укажите на скриншоте область куда именно вы хотите переместить поиск и корзину.
SL-185561
Нужно переместить форму поиска и корзину вниз к баннеру в одну линию с верхним меню

Просмотр сообщенияCannab (24 Ноябрь 2013 - 21:10) писал:

Помогите пожалуйста по следующим пунктам.
1) Форму поиска уменьшить по длине вдвое и вместе с корзиной сместить вниз к баннеру.
2) удалить контакты
3) вставить изображение
ну и по остальному подскажите

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

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


#4 Сake

Сake

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

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

Отправлено 26 Ноябрь 2013 - 03:00

Найдите в файле стилей style.css

#search_block_top #search_query_top {
  border: 1px solid #CECECE !important;
  padding-right: 30px;
  vertical-align: middle !important;
  width: 350px;
}

и замените на

#search_block_top #search_query_top {
  border: 1px solid #CECECE !important;
  padding-right: 30px;
  vertical-align: middle !important;
}

далее найдите

#header-right {
  float: right;
  height: 100px;
  margin-right: 10px;
  position: relative;
  z-index: 20;
}

и замените на

#header-right {
  bottom: 5px;
  position: absolute;
  right: 0;
  z-index: 20;
}

далее найдите

.contacts {
	float: left;
	font-size: 16px;
	margin-left: 60px;
	margin-top: 30px;
	width: 200px;
}

и замените на

.contacts {
  display: none;
  float: left;
  font-size: 16px;
  margin-left: 60px;
  margin-top: 30px;
  width: 200px;
}

далее в самый конец стилей добавьте

@media only screen and (max-width:1210px) {
#header-right {
  bottom: 0;
  position: relative;
  right: 0;
  z-index: 20;
  float: right;
}
}


#5 Cannab

Cannab

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

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

Отправлено 30 Ноябрь 2013 - 19:50

Просмотр сообщенияСake (26 Ноябрь 2013 - 03:00) писал:

Найдите в файле стилей style.css

#search_block_top #search_query_top {
border: 1px solid #CECECE !important;
padding-right: 30px;
vertical-align: middle !important;
width: 350px;
}

и замените на

#search_block_top #search_query_top {
border: 1px solid #CECECE !important;
padding-right: 30px;
vertical-align: middle !important;
}

далее найдите

#header-right {
float: right;
height: 100px;
margin-right: 10px;
position: relative;
z-index: 20;
}

и замените на

#header-right {
bottom: 5px;
position: absolute;
right: 0;
z-index: 20;
}

далее найдите

.contacts {
float: left;
font-size: 16px;
margin-left: 60px;
margin-top: 30px;
width: 200px;
}

и замените на

.contacts {
display: none;
float: left;
font-size: 16px;
margin-left: 60px;
margin-top: 30px;
width: 200px;
}

далее в самый конец стилей добавьте

@media only screen and (max-width:1210px) {
#header-right {
bottom: 0;
position: relative;
right: 0;
z-index: 20;
float: right;
}
}
1 и3 вопросы открыты




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

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