>>248625
Вроде бы менять перестали.
Выкладываю новый юзерстиль, который приводит главную к менее вырвиглазному (надеюсь) виду. Стиль рассчитан на ширину окна экрана более 480px (для маленьких размеров там всё более-менее и так в порядке). Для использования требуется аддон stylish или stylem.
Что он делает
- Выстраивает навигационный сайд-бар в одну колонку.
- Уменьшает его шрифт до приемлемых величин.
- Радикально уменьшает неиспользуемые пустые поля по краям.
Замечание. При ширине окна менее 640px возникает горизонтальная полоса прокрутки, однако на доступность основных элементов навигации она почти не влияет.
Код
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("iichan.hk")
{
@media only screen and (min-width: 480px)
{
.mainpagelinks
{
max-width: 18em;
padding-bottom: 1em;
}
.mainpagelinks li
{
font-size: 0.9em;
padding: 1px;
}
.mainpagelinks a
{
text-decoration: none;
}
.newscntnr
{
max-width: calc(100% - 20em);
min-width: 18em;
}
.mainpagecntnr
{
min-width: 38em;
}
.greeting
{
max-width:23%;
}
}
}
Почему он мне понадобился
Текущий дизайн главной страницы имеет следующие проблемы, главным образом касающиеся боковой навигационной панели:
- При размере окна от 1400px до 1200рх она формируется в две колонки, причем одна из них вдвое длиннее другой, что смотрится крайне некрасиво.
- При размере окна от 1200рх до 480px она формируется в одну колонку, но при этом возникает очень большое пустое пространство справа от этой колонки. Оно резко выпадает из дизайна и бросается в глаза.
- Кроме того, для неё установлен несообразно большой шрифт, выбивающийся из дизайна страницы шрифт, причем фиксировано заданный в пикселах.
- Сама страница имеет слишком большие поля. Впрочем, признаю, что последнее — дело вкуса.
Юзерстиль призван решить эти проблемы путем форсированного формирования упомянутой панели в одну колонку фиксированной ширины, которая не будет расползаться и странно себя вести во всём заявленном диапазоне размеров.
Задавайте ваши вопросы. ^_^
