Как расширить шаблон?

  • 8 Ответов
  • 542 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн tmpnikl

Как расширить шаблон?
« : 12.05.2017, 11:55:14 »
Сайт
Спойлер
[свернуть]
на широких мониторах начальников (22'', 24'') выглядит как-то узко, что можно сделать в шаблоне чтоб сайт заполнял, хотя бы 80% монитора. Или может есть какой-нибудь плагин, вроде как для планшетов есть, может есть плагин  расширяющий сайт... может есть ещё варианты, кроме как увеличить масштаб в браузере?
« Последнее редактирование: 15.05.2017, 07:11:04 от tmpnikl »

*

Оффлайн fbr

Re: Как расширить шаблон?
« Ответ #1 : 12.05.2017, 12:00:11 »
У вас в шаблоне

.art-sheet {
    margin-top: 10px;
    margin-bottom: 0;
    cursor: auto;
    width: 100%;
    min-width: 700px;
    max-width: 1010px;
}

сделайте больше

*

Оффлайн tmpnikl

Re: Как расширить шаблон?
« Ответ #2 : 12.05.2017, 12:03:20 »
спасибо, сейчас попробую... Что-то задумался, какая ширина в пикселах у широкоформатного монитора.. Поставил
 max-width: 1900px;
без изменений..:-(
« Последнее редактирование: 12.05.2017, 12:10:35 от tmpnikl »

*

Оффлайн fbr

Re: Как расширить шаблон?
« Ответ #3 : 12.05.2017, 12:10:44 »
Дело не в ширине, а разрешении экрана.
Сделайте 1200

Вообще-то правильнее будет прописать разную ширину для разных разрешений медиа запросами

*

Оффлайн tmpnikl

Re: Как расширить шаблон?
« Ответ #4 : 12.05.2017, 12:13:54 »
Понял..., ширина меняется..., надо было кэш чистить..

*

Оффлайн darkghost

Re: Как расширить шаблон?
« Ответ #5 : 14.05.2017, 01:37:14 »
Но теперь как сайт будет выглядеть на мониторах к примеру 19"?
Наверное стоит использовать @media screen или используете, просто не указали ...

*

Оффлайн tmpnikl

Re: Как расширить шаблон?
« Ответ #6 : 15.05.2017, 07:12:56 »
 @media screen никогда с ним не работал, если в шаблоне есть что-то типа этого не знаю... Как его можно использовать в шаблонах?

*

Оффлайн darkghost

Re: Как расширить шаблон?
« Ответ #7 : 17.05.2017, 15:06:38 »
здесь можно посмотреть на примерах. Используется? Просто прописываете
Код
@media screen and (max-width: 768px) { /* разрешение */
    h1 { font-size: 20px; }
    div.image_gallery { стили отображения }
    img { стили отображения }
}

*

Оффлайн tmpnikl

Re: Как расширить шаблон?
« Ответ #8 : 18.05.2017, 07:30:55 »
спасибо..