мобильная версия

[bokonist]

дайри живут в 2003 году, а мы хотим читать уютненькие с телефонов

пока нельзя повлиять на дизайн сервисных страниц, но есть возможность с помощью media queries задать стили своего дневника для конкрентых устройств. большое везение, что они не вырезаются из редактора css, как многие другие интересные вещи.

вот так можно задать стили для устройств с экранами до 480 пикселей в ширину:

@media only screen and (max-device-width:480px) { 
    body {background:red !important;}
    /* сюда пишете любые стили */
}

так, для устройств с большим количеством точек на пиксель (ретина):

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    ...
}

делитесь идеями и результатами

Comments

[Тайя.]

Ну не сибе хрена! Круто)

[Тайя.]

Шрифт что-то не получается поменять, пробовала применить к wrapper, singlePost, paragraph - не получается(( Хотела сделать жирным.

[bokonist]

Тайя, которая душит романтиков, а пример с красным фоном сработал?

у меня получилось вот так сделать текст в записях жирным
@media only screen and (max-device-width:480px) {.paragraph{font-weight:bold;}}

[Тайя.]

Да, сработал!
Я так же пробовала, но видимо дело в телефоне) Цвет фона, текста, ссылок меняет, а вот размер и жирность - нет (у меня этот телефон в принципе жирность не понимает, видимо дело в этом).

Но вообще я пользуюсь пда-версией, интересно, ее можно как-то разнообразить?

[bokonist]

Тайя, которая душит романтиков, да, может быть дело в браузере.
к сожалению стили для дневника не влияют на пда-версию.

[dead_mockingbird]

Фантастика! Даже в голову не приходило, что дайри это пропускает.

[bokonist]

dead_mockingbird, ага! руки чешутся сделать что-то человеческое )

[dead_mockingbird]

bokonist, поддерживаю. это ж не только для мобильных девайсов, можно теперь и для широкоформатников кастомизировать безболезненно.

[quirischa]

А что это даёт?

Можете сделать мне два скриншота: как было без настройки и как станет с настройкой - чтобы была видна разница?

[bokonist]

quirischa, можно задать любые стили для устройств с конкретными параметрами, например с маленькой или большой шириной экрана.

слева скриншот страницы этого сообщества - как и везде на дневничках, по ней приходится ползать с лупой
справа мое слегка откорректированное стилями избранное без увеличения

[Тайя.]

Мои слайды. Качество плохое, потому что фоткала, но суть разглядеть можно)

Слева фон оранжевый, шрифт кориченевый (по умолчанию), справа изменены цвета фона, шрифта, ссылок, заголовка (для наглядности разными цветами), удалены аватары и подписи под ними; к сожалению размер, гарнитуру и толщину шрифта поменять не удалось, не воспринимает телефон (браузер Опера).

[quirischa]

bokonist, я сделал копию записи в дайри-типсы: diary-tips.diary.ru/p182624196.htm

Если не сложно, подпишитесь, плиз, там на комментарии, если у людей возникнут какие-то вопросы.

[bokonist]

quirischa, спасибо, подписался. меня поражает ваша способность спокойно выкидывать полумиллиону пользователей в ленты хардкорные технические вещи )