Оформим авы комментов в hanging-note


Сразу, если ссылка не работает, сохраните эту картинку себе и перезалейте куда-нибудь. Эта картинка наш фон.

CSS

.comment .avatar_small {float: left; margin-right: 9px; width: 80; height: 48px; padding: 50px 15px 10px 15px; background:url(http://s3.hostingkartinok.com/uploads/images/2013/08/393f8aa195abe33b16219bccde377f46.png) no-repeat 0 0;}

Чем отличается от стандартного:

  1. Размеры. height и width задаю свои, под картинку -фон.
  2. Отступы внутри. padding — очень нужно, чтоб красиво расположить аватар на нашем фоне, а иначе он просто будет на весь заданый размер растянут и фона видно не будет.
  3. Сама картинка фона. background

 Спасибо за внимание. Это все. Удачи!


Обсудить у себя 7
Комментарии (13)

Няшество!

круто. жаль только свои кружочки менять(

Ну не меняй ))) к тому же я так объяснила, что и свое можно заделать

да и своё неохота)

говорю ж, не меняй )) за то можешь иметь ввиду..

и поменять охота) вечная дилемма!

успеешь ) сиди ровно )))

надо ещё текст сбоку сделать, чтоб так места много не занимал.

да.хотела информацию под ним расположить, а текст тогда уже на уровне. но мне лень ) пусть пока это будет.

Интересно смотрится)

Спасибо))

Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.

Войти через социальные сети: