Jan. 22nd, 2012

stdray: (Default)
Недавно [info]tema со своей бандой выкатили революционные комментарии для уютненького. Убрали тему и предпросмотр (мудаки) и добавили современенную AJAX функциональность, то есть теперь можно отправить комментарий без обновления страницы, можно раскрыть все комментрации, после обновления странички можно узнать какие комментрации новые.
К сожалению, на мой взгляд, по умолчанию комменты выглядят по уебански, крайне неэффективно используют площадь экрана. Для себя я решил проблему следующим образом:

1) Установил расширение Персонализированный Веб для хрома
2) Добавил правило для livejournal.com
3) Указал добавлять следующие CSS, взятые где-то у [info]antilamer:
.b-leaf-userpic-inner { height: 50px; width: 50px; }
.b-leaf-userpic-inner img { max-height: 50px; }
.b-leaf-userpic { width: auto; height: auto; }
.b-leaf-details { font-size: 12px; padding: 6px; }
.b-leaf-username { margin: 0 0 4px 0; }
.b-leaf-actions { margin: 0; vertical-align: bottom; }
.b-leaf-controls { clear: none; margin-top: -5px; }
.b-leaf-actions-item { line-height: 18px; }
.b-leaf-header { height: 50px; margin: 0 0 0px; }
.b-leaf-footer { padding: 0 0 2px; }
.b-leaf { margin: 0 0 0px; }

4) Сохронил
5) Profit!!!

Выглядит все это дело примерно вот так


К сожалению, иногда едет верстка, но это терпимо.

December 2019

S M T W T F S
1234567
891011121314
15161718192021
222324252627 28
293031    

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags