spmbt Sep 10 2010 at 02:02

Улучшаем стили комментариев на Хабре (через юзер-стиль или плагин Stylish)

5 min

1.3K

Habr

Comments 17

crackos Sep 10 2010 at 02:24

Поместили бы уже цифру с рейтингом между стрелочек, как в топиках.

spmbt Sep 10 2010 at 02:39

.comment_holder .mark { margin: 1px 2px !important; }
замените на .comment_holder .mark { margin: 1px 2px !important; position: relative; left: 30px; width: 24px;}
.comment_holder .mark span{ display: block; text-align: center;}

Но, 1) непривычно; 2) не тот же смысл, что в статьях (там неизвестна оценка перед голосом), поэтому не обязано быть похоже.

crackos Sep 10 2010 at 02:44

Конечно не обязано быть похоже :) просто в такой промежуток между стрелочками прямо просится циферка :)

spmbt Sep 10 2010 at 08:03

Нет, цифры не случайно стоят в стороне. Их может быть разное число и цвет, перед ними стоит знак. Поэтому целиться в стрелки с разным текстовым окружением затруднительнее, чем в обособленно расположенные. Я себе ставить в середину не буду. Хотите — используйте вышеприведённую замену стилей и ставьте в середину (и с центровкой). Думаю, что будет неудобно.

FeNUMe Sep 10 2010 at 05:42

мне кажется что голосовать за коментарий всеже удобнее привычными крестиком и галочкой, а вот стрелки можно было бы добавить возле ника коментатора с функционалом повышения/понижения кармы. а то сейчас стало очень не удобно «благодарить» людей за полезные вещи. интереснее всего то что люди не ленятся зайти в профиль чтобы опустить карму «неугодному», а вот чтобы поблагодарить заходят единицы:(

usr Sep 10 2010 at 09:42

Кнопка «Ответить» перед комментарием выглядит, мягко говоря, страшно.

spmbt Sep 10 2010 at 10:06

Верно; позанимался украшательством, и теперь готова версия 1.1. Теперь так:

AusTiN Sep 10 2010 at 12:30

/me сломал глаза и моск

usr Sep 10 2010 at 12:42

Почти получилось: теперь отвлекает не кнопочка «Ответить», расположенная перед комментарием, а эта чудовищная полоса ;)

spmbt Sep 10 2010 at 13:31

Я с такими полосами, только двумерными, как на скриншоте из Prettifier v.2.0.1.2, читаю Хабр регулярно и неудобства они не вызывают. Здесь уменьшена полоса максимально, края очерчены и зазоры уменьшены, глаза вынуждены бегать не так быстро и некоторое неудобство чувствуется. Возможно, это ворпос привычки.
А, может, их вообще убрать и оставить только подчёркивание заголовка 3 разных цветов? Или рамку?

Есть попытка выделить комментарий первого уровня тенью сверху.

usr Sep 10 2010 at 15:10

Мне кажется, что лучше просто выделять, как выделяются новые комментарии в топике. Естественно, выбрать не яркий цвет, светло серый например.

almalexa Sep 10 2010 at 20:56

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

И пользуясь случаем ответ на вопрос который мне время от времени задают: Правильный претик (а не тот обрезанный, что есть сейчас) для хрома будет тогда, когда под хромом будет удобный для разработки стилиш.

spmbt Sep 10 2010 at 23:07

Да, учту, конечно, но когда начинал писать, об этом не думал. В общем-то, и сейчас совсем не поздно сделать его как замещающую надстройку, устанавливаемую одновременно. Возвращаться к нему буду, чтобы довести до нормы заголовки сообщений.

DeeZ Sep 11 2010 at 10:56

Пюсанул, но мне ваша доработка не нравится. Ваши кнопки «ответить» висят непонятно где, и с большие расстояниями между стрелками выглядит все совсем ужасно.
Оригинальный стиль я под себя переделал, скрыв правую колонку с тэгами, и растянув контент на весь весь экран, на нетбуке очень актуально.

spmbt Sep 11 2010 at 17:06

Я такую доработку для нетбуков где-то видел в статье на Хабре (для меня лично было неактуально, иначе бы ещё сильнее сжал). Но в них не менее актуально сжимание пустот между сообщениями. И тогда кнопку «Ответить» придётся куда-то перенести.

spmbt Sep 12 2010 at 05:21

Сделал версию 1.2 с вертикальным расположением кнопок ответа и с бледным заголовком. Бледности подверглись даже имена (ради читаемости основного текста), но при наведении мыши они становятся контрастными.

Дописал несколько строчек, закомментированных по умолчанию, для работы на нетбуках — текст на 100%, сайдбар внизу.

spmbt Sep 14 2010 at 14:04

Сделаны бледные заголовки сообщений в комментариях:

Теперь первое, что видит читатель — тексты комментариев. Не мешают картинки. Но и их можно разглядеть, наведя мышь на заголовок.
Доработаны стили на других страницах: «Вопросы и ответы», список своих комментариев.