Добрый вечер. Поставить иконку перед ником автора довольно просто. А можно ли сделать так, чтобы иконка находилась с обоих сторон ника? Или же под ником (например, аналогично выглядят иконки рейтингов на форумах fastbb).
Т.е., можно ли сделать так, чтобы все выглядело следующим образом:
* Ник *
или
Ник
*****
Аватар
На месте звездочек - иконка.
Буду рад, если кто-нибудь поможет.
Т.е., можно ли сделать так, чтобы все выглядело следующим образом:
* Ник *
или
Ник
*****
Аватар
На месте звездочек - иконка.
Буду рад, если кто-нибудь поможет.
- Ограничиваем ширину и высоту ника параметром width: px,
- Добавляем padding, чтобы сделать отступы надписи (самого ника) от краев блока,
- Лепим на фон соответствующую картинку с такой же шириной и высотой, на картинке оставляем место под ник, а вокруг него будут нужные иконки.
А второй вариант возможно воплотить? Чтобы иконка находилась под ником.
Ну если ник растягивается, то вариант с картинками слева и справа не прокатывает. А снизу прокатывает)) Достаточно добавить для фона свойства:
background: ... bottom center;
Код:
.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 я не пропустила, а не прописала намеренно, т.к. хочу, чтобы это было просто с новой строки.
Это мне надо прописать код самому и посмотреть. Сейяас я не могу это сделать, так как бухаю, но чуть после смогу и скажу в чем проблема.
ну как бы я тут подумал, и понял что 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; }
Возможно, игра таки и не стоит свеч, но если посмотрите, в чем проблема, буду благодарна)
Может попробовать не ставить height, а просто добавить нужный по величине padding снизу, чтобы высота блока увеличилась, и внизу влезла нужная иконка? Я забыл, что блок ника не маленький, а простирается по всей длине блока записи/комментария. А уж высоту фона подобрать по наитию, чтобы иконка оказывалась под ником прямо.