понедельник, 25 июня 2012
23:51

все записи пользователя в сообществе Katze
Cogito ergo sum
В комментариях постом ниже уважаемый winterwolf подсказал идею, как сделать буквицу, привязав ее к любому блоку с текстом.
Я попытался "допилить" идею. Задачи стояли такие:
- буквица должна появляться только в авторских постах в дневнике и ленте избранного. Не в комментариях;
- отображение процитированной записи, если цитата стоит в начале поста, должно быть корректным. Не должно быть "оторванной" от даты поста цифры (в строке "xx.xx.xxxx Пишет такой-то");
- буквица должна отображаться только в постах, где текст выровнен по левому краю или полностью. Но никак не посередине и не справа (иначе буквица снова "отрывается" от текста);

Получилось вот что:


Вопрос: можно ли вышеперечисленные задачи решить каким-нибудь более простым и толковым способом?
Желательно без участия тега span, чтобы даже старые посты отображались корректно без правки их содержания.

@темы: текст

URL
Комментарии
26.06.2012 в 00:32

bokonist
fail better
.singlePost .paragraph div::first-letter {float:left;font:50px/1 Courier New;margin:8px 3px 8px 0;text-shadow:1px 1px 0 white, 2px 2px 1px #CCC;color:#000;text-transform:uppercase;font-weight:inherit;}
.singlePost .paragraph div div::first-letter {float:none;font:inherit;margin:0;text-shadow:none;color:inherit;text-transform:inherit;}

ну так сбе
боле наглядно jsfiddle.net/pzULu/
URL
26.06.2012 в 00:45

Katze
Cogito ergo sum
bokonist, гениально и просто. ))) Спасибо. И ресурс полезный.
URL