Добрый вечер. Поставить иконку перед ником автора довольно просто. А можно ли сделать так, чтобы иконка находилась с обоих сторон ника? Или же под ником (например, аналогично выглядят иконки рейтингов на форумах fastbb).
Т.е., можно ли сделать так, чтобы все выглядело следующим образом:
* Ник *
или
Ник
*****
Аватар
На месте звездочек - иконка.
Буду рад, если кто-нибудь поможет.

@темы: основные блоки

Комментарии
06.03.2009 в 06:29

Совершенству эволюция не нужна.
Ну, я тут тоже не вижу ничего сложного:
- Ограничиваем ширину и высоту ника параметром width: px,
- Добавляем padding, чтобы сделать отступы надписи (самого ника) от краев блока,
- Лепим на фон соответствующую картинку с такой же шириной и высотой, на картинке оставляем место под ник, а вокруг него будут нужные иконки.
06.03.2009 в 12:06

Roldo, это да. Но, насколько я понимаю, картинка не будет растягиваться. Бывают пользователи с достаточно длинными никами, и в таком случае иконки будут наползать на ник.
А второй вариант возможно воплотить? Чтобы иконка находилась под ником.
06.03.2009 в 12:59

Совершенству эволюция не нужна.
Walterka
Ну если ник растягивается, то вариант с картинками слева и справа не прокатывает. А снизу прокатывает)) Достаточно добавить для фона свойства:
background: ... bottom center;
06.03.2009 в 13:53

Roldo, спасибо за совет) Но, может быть, я что-то не так прописываю, иконка никак не хочет вставать на место под ником. Либо ник накладывается на иконку, либо, если я задаю значение отступа вниз 10 и более, изображение уезжает за границу и становится невидимым.
Код:
.authorName{background: url('/userdir/5/2/1/6/521644/38737610.gif') 2px 10px no-repeat; padding:0 50 0 20px !important; height:18px; bottom;}
center я не пропустила, а не прописала намеренно, т.к. хочу, чтобы это было просто с новой строки.
06.03.2009 в 14:00

Совершенству эволюция не нужна.
Walterka
Это мне надо прописать код самому и посмотреть. Сейяас я не могу это сделать, так как бухаю, но чуть после смогу и скажу в чем проблема.
06.03.2009 в 14:08

Roldo, Бггг. Ну, это уважительная причина) Буду рада, если поможете ;)
06.03.2009 в 19:41

Совершенству эволюция не нужна.
Walterka
ну как бы я тут подумал, и понял что bottom совсем не там прописан где надо.
Надо то {background: url('/userdir/5/2/1/6/521644/38737610.gif') 2px 10px no-repeat bottom center !important; padding:0 50 0 20px !important; height:18px; }
06.03.2009 в 20:03

Roldo, эхх... Вообще ничего не отображается. То ли что-то куда-то уехало, то ли еще что, то ли я такой чайник) Может, я позицию как-то неправильно задаю... :alles: Можете сами взглянуть - ник на месте, а иконки тю-тю. Ну, допустим, последняя запись в дневнике.
Возможно, игра таки и не стоит свеч, но если посмотрите, в чем проблема, буду благодарна)
07.03.2009 в 11:05

Совершенству эволюция не нужна.
Walterka
Может попробовать не ставить height, а просто добавить нужный по величине padding снизу, чтобы высота блока увеличилась, и внизу влезла нужная иконка? Я забыл, что блок ника не маленький, а простирается по всей длине блока записи/комментария. А уж высоту фона подобрать по наитию, чтобы иконка оказывалась под ником прямо.
07.03.2009 в 13:09

Roldo, спасибо)