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


Как Сделать Шаблон Не Адаптивным (Статичным) К Разрешению Дисплея


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

#21 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 25 Август 2014 - 20:04

И в завершение еще один вопросик. Нужно сделать шапку (главная и второстепенные страницы) в ширину как весь сайт.

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

  • Без имени-3.jpg


#22 Alekseys

Alekseys

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

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

Отправлено 25 Август 2014 - 20:30

Просмотр сообщенияBox (25 Август 2014 - 20:04) писал:

И в завершение еще один вопросик. Нужно сделать шапку (главная и второстепенные страницы) в ширину как весь сайт.
Здравствуйте. В style.css замените
.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -590px;
}
на
.home #header {
height: auto;
text-align: left;
background: none;
z-index: 1000;
}


#23 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 25 Август 2014 - 21:23

Просмотр сообщенияAlekseys (25 Август 2014 - 20:30) писал:

Здравствуйте. В style.css замените
.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -590px;
}
на
.home #header {
height: auto;
text-align: left;
background: none;
z-index: 1000;
}

Не помогло.

#24 Alekseys

Alekseys

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

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

Отправлено 25 Август 2014 - 21:38

Просмотр сообщенияBox (25 Август 2014 - 21:23) писал:

Не помогло.
В style.css замените
#header .container {
border-bottom: solid 5px #ff0000;
background: url('http://multibox.storeland.net/header-bg.png');
}
на
#header .container {
border-bottom: solid 5px #ff0000;
background: url('http://multibox.storeland.net/header-bg.png');
width: 100%;
}


#25 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 25 Август 2014 - 21:51

Просмотр сообщенияAlekseys (25 Август 2014 - 21:38) писал:

В style.css замените
#header .container {
border-bottom: solid 5px #ff0000;
background: url('http://multibox.storeland.net/header-bg.png');
}
на
#header .container {
border-bottom: solid 5px #ff0000;
background: url('http://multibox.storeland.net/header-bg.png');
width: 100%;
}

Шапка растянулась на ширину дисплея

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

  • ни-2.jpg


#26 Alekseys

Alekseys

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

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

Отправлено 25 Август 2014 - 22:22

Просмотр сообщенияBox (25 Август 2014 - 21:51) писал:

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

#27 Ирина345

Ирина345

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

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

Отправлено 26 Август 2014 - 06:21

Просмотр сообщенияBox (25 Август 2014 - 21:51) писал:

Шапка растянулась на ширину дисплея
Здравствуйте, найдите в style.css  код
#bodyWrapper {
position: relative;
height: 400px;
background: url('http://multibox.storeland.net/slide4.jpg') center center;
}
замените на


#bodyWrapper {
position: relative;
height: 400px;
background: url('http://multibox.storeland.net/slide4.jpg') center center;

width: 1180px;
margin: 0 auto;
}



#28 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 26 Август 2014 - 10:41

Просмотр сообщенияИрина345 (26 Август 2014 - 06:21) писал:

Здравствуйте, найдите в style.css  код
#bodyWrapper {
position: relative;
height: 400px;
background: url('http://multibox.storeland.net/slide4.jpg') center center;
}
замените на


#bodyWrapper {
position: relative;
height: 400px;
background: url('http://multibox.storeland.net/slide4.jpg') center center;

width: 1180px;
margin: 0 auto;
}



Большое спасибо. Получилось.

#29 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 03 Сентябрь 2014 - 16:26

Подскажите где поменять размер слайдера (мне не нужен такой огромный слайдер)
Сделал баннер а он обрезается по краям (на рисунке это цифра 1) получается не квадрат, а недоквадрат.
И хочу убрать расстояние (на рисунке цифра 2) от баннера до Категории акции

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

  • Без имени-3.jpg


#30 Alekseys

Alekseys

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

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

Отправлено 03 Сентябрь 2014 - 16:56

Просмотр сообщенияBox (03 Сентябрь 2014 - 16:26) писал:

Подскажите где поменять размер слайдера (мне не нужен такой огромный слайдер)
Сделал баннер а он обрезается по краям (на рисунке это цифра 1) получается не квадрат, а недоквадрат.
И хочу убрать расстояние (на рисунке цифра 2) от баннера до Категории акции
Здравствуйте. Вам нужно размер слайдов подогнать под размер 880х440, и заменить
.fluid-container {
position: relative;
height: 600px;
}
и
.camera_wrap {
height: 600px !important;
}
на
.fluid-container {
position: relative;
height: 450px;
}
и
.camera_wrap {
height: 440px !important;
}
соответственно.

#31 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 03 Сентябрь 2014 - 17:24

Проблема 1 ушла. Спасибо
А вот расстояние от баннера до категории АКЦИИ так и осталось большим. Нужно подтянуть акции к баннеру, а то как то место пустое получается

#32 Alekseys

Alekseys

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

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

Отправлено 03 Сентябрь 2014 - 17:33

Просмотр сообщенияBox (03 Сентябрь 2014 - 17:24) писал:

Проблема 1 ушла. Спасибо
А вот расстояние от баннера до категории АКЦИИ так и осталось большим. Нужно подтянуть акции к баннеру, а то как то место пустое получается
Замените в style.css
.camera_wrap {
height: 600px !important;
}
на
.camera_wrap {
height: 480px !important;
}


#33 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 03 Сентябрь 2014 - 19:39

Эта строчка закоментарина, то есть зеленого цвета

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

  • Без имени-5.jpg


#34 Alekseys

Alekseys

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

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

Отправлено 03 Сентябрь 2014 - 19:53

Просмотр сообщенияBox (03 Сентябрь 2014 - 19:39) писал:

Эта строчка закоментарина, то есть зеленого цвета
307я строка
.camera_wrap {height:600px !important;}


#35 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 03 Сентябрь 2014 - 21:57

Просмотр сообщенияAlekseys (03 Сентябрь 2014 - 19:53) писал:

307я строка
.camera_wrap {height:600px !important;}

Спасибо, все хорошо!

#36 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 06 Сентябрь 2014 - 07:30

Доброго дня. Назрела еще одна идея.
Нужно сделать шире панель (прикрепленный файл) и есть ли возможность добавить туды дополнительные значки и надписи?

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

  • Б.jpg


#37 AnnaM

AnnaM

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

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 06 Сентябрь 2014 - 07:49

Просмотр сообщенияBox (06 Сентябрь 2014 - 07:30) писал:

Доброго дня. Назрела еще одна идея.
Нужно сделать шире панель (прикрепленный файл) и есть ли возможность добавить туды дополнительные значки и надписи?
чтобы сделать панель выше,замените в файле style.css этот код
.promo_block {
background: #000;
top: -55px !important;
}
на этот
.promo_block {
background: #000;
top: -55px !important;
min-height: 200px;
}

Уточните на скриншоте что и как вы хотите разместить.

#38 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 06 Сентябрь 2014 - 13:46

Разместить как на картинке, а иконки и надписи поменять.

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

  • Б.jpg


#39 AnnaM

AnnaM

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

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 06 Сентябрь 2014 - 14:07

Просмотр сообщенияBox (06 Сентябрь 2014 - 13:46) писал:

Разместить как на картинке, а иконки и надписи поменять.
В шаблоне "HTML" найдите код
<li class="box-4">
	   <h3 class="title-block">Поддержка</h3>
	   <p>Поддержка клиентов по телефону</p>
	  </li>
и после него вставьте
<li class="box-5">
	   <h3 class="title-block">Ваш Текст</h3>
	   <p>Ваш Текст</p>
	  </li><li class="box-6">
	   <h3 class="title-block">Ваш Текст</h3>
	   <p>Ваш Текст</p>
	  </li><li class="box-7">
	   <h3 class="title-block">Ваш Текст</h3>
	   <p>Ваш Текст</p>
	  </li><li class="box-8">
	   <h3 class="title-block">Ваш Текст</h3>
	   <p>Ваш Текст</p>
	  </li>
]

#40 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 06 Сентябрь 2014 - 14:12

Просмотр сообщенияAnnaM (06 Сентябрь 2014 - 14:07) писал:

В шаблоне "HTML" найдите код
<li class="box-4">
	 <h3 class="title-block">Поддержка</h3>
	 <p>Поддержка клиентов по телефону</p>
	 </li>
и после него вставьте
<li class="box-5">
	 <h3 class="title-block">Ваш Текст</h3>
	 <p>Ваш Текст</p>
	 </li><li class="box-6">
	 <h3 class="title-block">Ваш Текст</h3>
	 <p>Ваш Текст</p>
	 </li><li class="box-7">
	 <h3 class="title-block">Ваш Текст</h3>
	 <p>Ваш Текст</p>
	 </li><li class="box-8">
	 <h3 class="title-block">Ваш Текст</h3>
	 <p>Ваш Текст</p>
	 </li>
]

Хорошо, а поменять иконки на этой панели я могу?




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

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