Полезная информация

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

№109-05-2017 10:42:20

Revan
Участник
 
Группа: Members
Зарегистрирован: 25-02-2014
Сообщений: 81
UA: Firefox 51.0

Стили для сайта

Помогите написать стиль для сайта Steam, чтобы оптимизировать верстку под широкоформатные дисплеи.
Сейчас страницы любых игр на 16:9 крайне неудобно читать - информационный блок располагается по центру и занимает по ширине страницы 50% места, а всё остальное - пустота.
Даже на 5:4 мониторе остаются пустые полосы слева и справа.
К примеру, страница произвольной игры.

http://s018.radikal.ru/i504/1705/1c/92558d267fdat.jpg

Отредактировано Revan (09-05-2017 10:52:44)

Отсутствует

 

№209-05-2017 18:48:26

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 196
UA: Firefox 53.0

Re: Стили для сайта

Привествую.
Начать можно вот с такого.

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("steampowered.com") {
  body.v6 .page_content, body.v6 #footer .footer_content, .queue_ctn {width: 75%;}
  .apphub_HomeHeaderContent, .help_login_nag, .help_wizard_button {max-width: 100%;}
  #search_result_container{max-width: 100%;}
  .notice_box_content {width: calc(100% - 31px);}
  div.leftcol {width: calc(100% - 324px);}
  .review_box .rightcol {width: calc(100% - 215px);}
  div.leftcol.large {width: calc(100% - 252px);}
  div.leftcol.small {width: calc(100% - 480px);}
  .contenthub_page div.leftcol.sub{width: calc(100% - 326px);}
  .newsmaincol{width: calc(100% - 268px);}
}

P.S. Сам Steam не пользуюсь, потому не исключаю, что где-то вылезут баги.

Отсутствует

 

№324-11-2018 13:34:15

dreamkz
Забанен
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 545
UA: Firefox 63.0

Re: Стили для сайта

Иногда тут на форуме я не вижу вставленные изображения. Вот, например, в этой теме SeaMonkey и Google. Автор дал скриншот от хостинга картинок fastpic.ru, а я его не вижу.

скрытый текст
https://fastpic.co/images/228f47c1065e309485.png

Но я увидел это только через [chrome]. Найдя картинку через инспектор [firefox], обнаружил, что он у меня в скрытых элементах!

скрытый текст

Выделить код

Код:

<img class="postimg" src="http://i97.fastpic.ru/big/2018/1118/38/4fbb28a6bb1dd9a5ea233d91331ac438.jpg" 
alt="http://i97.fastpic.ru/big/2018/1118/38/4fbb28a6bb1dd9a5ea233d91331ac438.jpg" 
style="display: none !important;" hidden="">


Не подскажите каким образом этот элемент или стиль оказались в скрытых. У меня ничего подобного нет в стилях. Отключал расширения, подгружал страницу без кэша и всё равно элемент сидит в скрытых. Что это может быть ещё? :dumb:

Отсутствует

 

№424-11-2018 15:54:43

dreamkz
Забанен
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 545
UA: Firefox 63.0

Re: Стили для сайта

Вот ещё один случай: https://forum.mozilla-russia.org/viewto … 66#p763966. Написали комментарий со скриншотом, а я его не вижу. Вижу только пустой спойлер. И что странно, одни хостинги картинок открываются без проблем, а другие всегда блокируются. Значит это где-то прописано на уровне правил. Вот только бы понять где :dumb:

upd: Вопрос решился uMatrix :)

Отредактировано dreamkz (15-12-2018 15:30:04)

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]