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


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


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

#1 Box

Box

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

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

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

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

#2 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

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

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

Хочу чтоб страница не адаптировалась к разрешению дисплея, а всегда была одного размера.
Здравствуйте.
удалите строчку в шаблоне HTML
<meta name="viewport" content="width=device-width, initial-scale=1.0" />


#3 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

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

Подскажите как сделать сайт статическим. У меня раньше был шаблон пластик там при просмотре на разных мониторах сайт отображался одинаково. Даже на телефоне сайт выглядел как на ПК. Я хочу убрать возможность изменение размеров и скрытия блоков при уменьшение окна браузера. Пускай лучше будет строка прокрутки снизу.




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

Здравствуйте.
удалите строчку в шаблоне HTML
<meta name="viewport" content="width=device-width, initial-scale=1.0" />


#4 Alekseys

Alekseys

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

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

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

Просмотр сообщенияigor-repsol (21 Август 2014 - 12:02) писал:

Подскажите как сделать сайт статическим. У меня раньше был шаблон пластик там при просмотре на разных мониторах сайт отображался одинаково. Даже на телефоне сайт выглядел как на ПК. Я хочу убрать возможность изменение размеров и скрытия блоков при уменьшение окна браузера. Пускай лучше будет строка прокрутки снизу.
Здравствуйте. Для этого в style.css найдите все блоки, начинающиеся на
@media only screen and (min-width:
и закомментируйте их, поставив /* перед блоком и */ после блока. Проверьте чтоб блок при этом от начала и до конца выделился зеленоватым цветом, если он выделился не весь, значит в комментарии внутри блока удалите */.

#5 Box

Box

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

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

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

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

Здравствуйте. Для этого в style.css найдите все блоки, начинающиеся на
@media only screen and (min-width:
и закомментируйте их, поставив /* перед блоком и */ после блока. Проверьте чтоб блок при этом от начала и до конца выделился зеленоватым цветом, если он выделился не весь, значит в комментарии внутри блока удалите */.

Получается нужно закоментить весь блок?
Примерно так:
/*@media only screen and (min-width: 1200px) {
  .container {width: 1180px;}
  .flexslider .caption .title_block a {font-size: 40px;line-height: 30px;}
  .feedbackForm .left {margin-right: 30px;}
  .feedbackForm  #feedback_name, .contentContainer .left  #feedback_email {width: 188px;}
  .feedbackForm  #feedback_file {width: 218px;}
  #carousel_specials .product,
  #carousel_newproducts .product,
  #carousel_bestsellers .product,
  #also_purchased .product {width: 200px;}*/

#6 Alekseys

Alekseys

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

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

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

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

Получается нужно закоментить весь блок?
Примерно так:
/*@media only screen and (min-width: 1200px) {
  .container {width: 1180px;}
  .flexslider .caption .title_block a {font-size: 40px;line-height: 30px;}
  .feedbackForm .left {margin-right: 30px;}
  .feedbackForm  #feedback_name, .contentContainer .left  #feedback_email {width: 188px;}
  .feedbackForm  #feedback_file {width: 218px;}
  #carousel_specials .product,
  #carousel_newproducts .product,
  #carousel_bestsellers .product,
  #also_purchased .product {width: 200px;}*/
Да. Только вы забыли включить в комментарий закрывающую фигурную скобку и убрать в данном случае лишнее закрытие комментария. Должно выглядеть так
/*@media only screen and (min-width: 1200px) {
  .container {width: 1180px;}
  .flexslider .caption .title_block a {font-size: 40px;line-height: 30px;}
  .feedbackForm .left {margin-right: 30px;}
  .feedbackForm  #feedback_name, .contentContainer .left  #feedback_email {width: 188px;}
  .feedbackForm  #feedback_file {width: 218px;}
  /*#carousel_specials .product,
  #carousel_newproducts .product,
  #carousel_bestsellers .product,
  #also_purchased .product {width: 200px;}
} */


#7 Box

Box

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

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

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

Благодарю, все получилось!

#8 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

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

У меня что то не получилось при сжатие окна браузера в шапке и в подвеле происходит смещение

Снимок экрана 2014-08-21 в 21.11.21.png


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

Да. Только вы забыли включить в комментарий закрывающую фигурную скобку и убрать в данном случае лишнее закрытие комментария. Должно выглядеть так
/*@media only screen and (min-width: 1200px) {
.container {width: 1180px;}
.flexslider .caption .title_block a {font-size: 40px;line-height: 30px;}
.feedbackForm .left {margin-right: 30px;}
.feedbackForm #feedback_name, .contentContainer .left #feedback_email {width: 188px;}
.feedbackForm #feedback_file {width: 218px;}
/*#carousel_specials .product,
#carousel_newproducts .product,
#carousel_bestsellers .product,
#also_purchased .product {width: 200px;}
} */


#9 Alekseys

Alekseys

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

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

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

Просмотр сообщенияigor-repsol (21 Август 2014 - 17:13) писал:

У меня что то не получилось при сжатие окна браузера в шапке и в подвеле происходит смещение

Прикрепленный файл Снимок экрана 2014-08-21 в 21.11.21.png
Вы забыли закомментировать блок
Скрытый текст
после того, как закомментируете почистите кэш браузера.

#10 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

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

не заметил @media only screen and (max-width:
коментарий ставил только к min-width:

Спасибо

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

Вы забыли закомментировать блок
Скрытый текст
после того, как закомментируете почистите кэш браузера.


#11 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

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

Нет не изменилось


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

Вы забыли закомментировать блок
Скрытый текст
после того, как закомментируете почистите кэш браузера.


#12 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

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

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

#13 support 2.0

support 2.0

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

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

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

Просмотр сообщенияigor-repsol (21 Август 2014 - 17:44) писал:

Замети, что ели уменьшать размер окна то белое поле становится больше. Так же и происходи со слайдером. Если растянуть окно то все нормально отображается
Здравствуйте, в файле style.css найдите
.home #header{height: auto;text-align: left;position: absolute;background: none;z-index: 1000;left: 50%;margin-left: -600px;}
замените на
.home #header{height: auto;text-align: left;background: none;z-index: 1000;margin:0 auto;}

далее в шаблоне HTMl найдите
class="footer_bg_color"
замените на
class="container footer_bg_color"


#14 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

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

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

Слайдер сжимается при уменьшение окна и перемещается влево.

Просмотр сообщенияsupport 2.0 (21 Август 2014 - 18:20) писал:

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

далее в шаблоне HTMl найдите
class="footer_bg_color"
замените на
class="container footer_bg_color"


#15 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

В camera.css найдите:
.camera_wrap {
	width: 100%;
}
замените на:
.camera_wrap {
	margin: 0 auto;
	width: 1200px;
	height: auto;
	float: none;
}


на счет подвала, в style.css найдите:
.footer_bg_color {
	background-color: #262626;
	font-family: Calibri,helvetica;
	font-size: 12px;
	margin-top: 20px;
}
замените на:
.footer_bg_color {
	background-color: #262626;
	font-family: Calibri,helvetica;
	font-size: 12px;
	margin-top: 20px;
	min-width: 1200px;
	width: 100%;
}


#16 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

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

В самом внизу есть отступ в подвале можно от него избавиться

Просмотр сообщенияVaccina (22 Август 2014 - 05:28) писал:

В camera.css найдите:
.camera_wrap {
width: 100%;
}
замените на:
.camera_wrap {
margin: 0 auto;
width: 1200px;
height: auto;
float: none;
}


на счет подвала, в style.css найдите:
.footer_bg_color {
background-color: #262626;
font-family: Calibri,helvetica;
font-size: 12px;
margin-top: 20px;
}
замените на:
.footer_bg_color {
background-color: #262626;
font-family: Calibri,helvetica;
font-size: 12px;
margin-top: 20px;
min-width: 1200px;
width: 100%;
}


#17 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

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

#18 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

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

Просмотр сообщенияVaccina (22 Август 2014 - 05:40) писал:

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


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

#19 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

К сожалению, пронаблюдать данную проблему не получается.
Попробуйте следующее, в style.css найдите:
#copyright {
	clear: both;
	color: #959595;
	font-family: Calibri,helvetica;
	font-size: 11px;
	line-height: 12px;
	padding-bottom: 9px;
	text-align: center !important;
	text-transform: uppercase;
}
уберите: padding-bottom: 9px;

#20 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

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

Просмотр сообщенияVaccina (22 Август 2014 - 06:00) писал:

К сожалению, пронаблюдать данную проблему не получается.
Попробуйте следующее, в style.css найдите:
#copyright {
clear: both;
color: #959595;
font-family: Calibri,helvetica;
font-size: 11px;
line-height: 12px;
padding-bottom: 9px;
text-align: center !important;
text-transform: uppercase;
}
уберите: padding-bottom: 9px;

в другом браузере нет отступа наверно что-то с браузером. Спасибо




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

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