19:27 

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

fail better
дайри живут в 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) {
...
}

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

Комментарии
2012-11-08 в 19:37 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Ну не сибе хрена! Круто)

2012-11-08 в 20:07 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Шрифт что-то не получается поменять, пробовала применить к wrapper, singlePost, paragraph - не получается(( Хотела сделать жирным.

2012-11-08 в 20:11 

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

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

2012-11-08 в 20:22 

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

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

2012-11-08 в 20:27 

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

2012-11-08 в 22:53 

dead_mockingbird
and knew what cats know that makes them scream like babies in night...
Фантастика! Даже в голову не приходило, что дайри это пропускает.

2012-11-08 в 23:12 

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

2012-11-08 в 23:34 

dead_mockingbird
and knew what cats know that makes them scream like babies in night...
bokonist, поддерживаю. это ж не только для мобильных девайсов, можно теперь и для широкоформатников кастомизировать безболезненно.

2012-11-09 в 11:32 

quirischa
администратор
(с капибарой на аватарке)
А что это даёт?

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

2012-11-09 в 14:44 

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

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


2012-11-09 в 21:41 

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

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


2012-11-16 в 10:33 

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

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

2012-11-16 в 14:46 

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

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@CSS — стилизация дневников

главная