0
<< предыдущая заметкаследующая заметка >>
13 августа 2011
Заебался читать ленту комментариев.

Я заебался читать свою ленту комментариев http://lleo.me/blog/comms, не понимая, на что является ответом комментарий-ответ. Года два меня это напрягало. Проблем было множество. Иногда я даже удалял комментарий типа «ну не мудак ли?», думая, что мне нахамили, а это был ответ на чей-то коммент типа «в Индии взорвал себя террорист».

Короче, теперь в ленте у комментариев отображается значок , если на него навести мышку (наведите, кстати) — появится поверх коммент, на который был ответ. Если убрать мышку — пропадет. При быстром интернете очень удобно. С мобилки пока не проверял.

Также дописал в стили каментов всякие мозиловские закругления и мелкие исправления. Вставляется в стили .css (например, blog.css и blank.css). Стили сами обновляться не должны, я себе в /dnevnik перенес исправленный кусок руками:

показать исправленный кусок
/* комментарии */

.opc, .cnam, .rul1,.rul0 {cursor: pointer}
.rul1,.rul0,.cplu,.cmin,.kmail {float:left}

.c0, .c1, .c2, .c3 { font: 80% sans-serif, Helvetica, Arial, Verdana; max-width: 80%; border: 1px solid #bbb;
-box-shadow: #888 5px 5px 5px;
-moz-box-shadow: #888 5px 5px 5px;
-webkit-box-shadow: #888 5px 5px 5px;
-border-radius-topleft:0.8em;-moz-border-radius-topleft:0.8em;-webkit-border-radius-topleft:0.8em;
-border-radius-topright:0.8em;-moz-border-radius-topright:0.8em;-webkit-border-radius-topright:0.8em;
-border-radius-bottomleft:0.8em;-moz-border-radius-bottomleft:0.8em;-webkit-border-radius-bottomleft:0.8em;
-border-radius-bottomright:0.8em;-moz-border-radius-bottomright:0.8em;-webkit-border-radius-bottomright:0.8em;
overflow: auto; padding: 0.4em 0.4em 0.4em 0.4em; margin: 0.4em 0 0 0.4em; }

.c0 { background-color: #AAFAFA; }
.c1, .opc { background-color: #F1F1F1; }
.c2 { background-color: #FFFBDF; border: 1px solid red; }
.c3 { background-color: #ffe; border: 1px solid red; }

.ctxt { padding: 5pt; text-align: justify; overflow: auto; }
.cwho,.ctim,.cbro { font-size: 8pt; display:inline; margin-left: 10pt; top: 0px; position: relative; float: right; }
.kn { font-size: 8pt; position: relative; float: left; }

.ctim,.cbro,.cwho,.kr,.rul0,.rul1,.kmail,.cnam,.cplu,.cmin { display:inline; }
.cnam { font-size: 12pt; font-weight: bold; }
.cplu,.cmin { font-size:8pt; }
.cplu {color:red;cursor:n-resize} .cplu:before { content:'+'} .cplu:after { content:'..'}
.cmin {color:blue;cursor:s-resize} .cmin:before { content:'-'} .cmin:after { content:'..'}
.kmail:after { content: '.'url(/blog/design/e2/kmail.png)'.' }

.rul1:before {content:url(/blog/design/e3/button_accept.png)}
.rul0:before {content:url(/blog/design/e3/list-remove.png)}

<< предыдущая заметка следующая заметка >>
пожаловаться на эту публикацию администрации портала
архив понравившихся мне ссылок
Оставить комментарий
Windows Opera
0
0
Tiger
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
О, после проверочки появились оба скрытых коммента. И до этого на /blog/comms был виден только последний.
Windows Opera
0
0
Tiger
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Закругления, кстати, во всех браузерах современных уже, так что, по идее, можно оставить простые border-radius вместо кучи всяких свойств с префиксами.

И если верить htmlbook, общие свойства называются без начальной черточки и чуть по-другому: http://htmlbook.ru/css/border-top-left-radius
Windows Opera
0
1
Tiger
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Еще:
На той страницы неправильные ссылки на комментарии. Они там относительные, а по идее должны вести на страницу записи.
Linux Safari Chrome
1
0
gen
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
В Chrome (13.0.782.112) углы остаются квадратными.
Проблема повидимому здесь:

-webkit-border-radius-bottomright:0.8em;

А вот такая нотация работает:

-webkit-border-bottom-right-radius:0.8em;
Windows Firefox
0
0
{name}
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Плюсую, в хроме углы квадратные. Вообще, эти углы можно прописать для пары опера/хром и для мозиллы, отдельно. Вот Моцилла работает, а первая парочка - нет.
Windows Firefox
1
0
zencd
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Bugreport

Пытался активировать емейл. И вот такое сообщение высвечивается - одновременно и ошибка, и успех. Письмо не приходит уже 3 минуты.

Fatal error: /blog/ajax/login.php
Запрос на xxxx@gmail.com отправлен.
Проверьте почту.
Linux Ubuntu Firefox
0
0
Andrey Pozdnyakov
та же проблема
Леонид, может быть, сменить адрес, с которого отправляются письма?
Windows Firefox
0
0
zencd
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Откуда эта идея закатать всякий элемент в мощную отдельную рамку? И закруглённые углы тут не спасают.

Вобще, какой цели служит рамка? Ответьте, и я предложу аьтернативный, более красивый и менее тяжеловесный путь достижения той же цели. Чудовищнее этих рамок всё равно уже не получится.
Linux Firefox
 Москва
1
0
lleo
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Просто предложите свой формат комментария - легкий, понятный и напрочь лишенный ненужной информации (есть возможность сделать дополнительные кнопки, данные или менюшки комментария появляющимися, если надо).

Я не дизайнер, к сожалению.
Windows IE
0
0
Владислав
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
В IE рамки так и остались без скруглённых углов
Linux Firefox
 Москва
0
0
lleo
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Не удивительно: IE - единственный из четырех самых крупных браузеров, который не поддерживает функцию скругления углов в css.
Windows IE
0
0
D.iK.iJ
И тени нет.
В общем, ничего не изменилось ((
Linux Firefox
 Москва
0
0
lleo
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Ну а как оно могло измениться, если IE не поддерживает этих функций?

Пока эти функции были у одного лишь Firefox - я их не дописывал, ибо нефиг ради одного браузера засорять css-стиль. Но когда их стали поддерживать все браузеры - дописал.
Windows Firefox
0
0
D.iK.iJ
Тут и правда написано, что поддерживает с IE 9:
http://htmlbook.ru/css/border-bottom-left-radius
Windows IE
0
0
Владислав
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Я сейчас в IE 9 (версия 9.0.8112.16421). Не поддерживает
Windows Opera
0
0
Tiger
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
И стили сейчас прописаны так, что Опера игнорируется, несмотря на поддержку. Поэтому опять предлагаю выкинуть все эти префиксные -moz и -webkit и прописать простые border-radius.
Windows Safari Chrome
0
0
Чудеснов
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
IE9 поддерживает и тени, и уголки, это можно даже на caniuse.com посмотреть.
Windows Safari Chrome
0
0
Чудеснов
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Главное - использовать утвержденный в стандарте синтаксис, а не изобретенный Мозиллой.
Nokia-E90 Safari
0
0
LLeo Nokia E90
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Какой? Можно конкретный кроссбраузерный пример?
Linux Opera
1
0
Kub1k
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
С телефона вполне нормально работает. Было бы еще лучше, если бы он не подгружал этот комментарий а копировал существующий, если он есть(среди последних), а если нет, тогда уже подгружал.
Linux Firefox
1
0
ConnorMcLaud
Неплохо было бы, если бы эта функциональность была не только в ленте всех комментариев, но и в ленте комментариев которая появляется при клике по нику
Windows Safari Chrome
2
0
tupitochka
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
Только неудобно, что окно всплывает поверх ответа, и закрывает его. Когда оба в поле зрения одновременно - лучше.
Linux Ubuntu Safari Chrome
0
0
oreolek
Этот человек не загрузил свой юзерпик, и я подобрал ему этот. Человек, пишущий такое, должен именно так выглядеть, верно?
unrelated note: почему я определяюсь аж как Linux Ubuntu Safari Chrome? На самом деле у меня Debian Linux и Chromium.

всего комментариев: 27

<< предыдущая заметка следующая заметка >>