CSS для кнопок

Я иногда буду выкладывать иконки, так сказать, для интерфейса. Здесь будет css для их вставки. В пример, чтоб было более понятно что к чему, перед css стоит картинка этого элемента.

И так, начнем сверху.


Логон MyPage

#hplogo {background-image: url(АДРЕС КАРТИНКИ);
position: relative; left: 0; width: 102px; height: 25px; display: block; margin: 5px 30px 0 0;}

Избранное

.favorite { background: url(АДРЕС КАРТИНКИ) no-repeat 0 0;
width: 17px; height: 16px; display: inline-block; margin-right: 5px; margin-bottom: -3px;}

Кнопка плеера

.player .play {background-image: url('АДРЕС КАРТИНКИ') !important;}

«За» и «Против»

.post_vote .pp,#post_voters .pp,.post_vote .pm,#post_voters .pm,.comment_vote .cp,.comment_vote .cm{ background:url() no-repeat 0 0;
cursor:pointer; font-style:normal; height:16px; margin:0 4px; padding:0 8px;}

.post_vote .you_vote,.comment_vote .you_vote{background-image:url()!important}


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

Спасибо)) Теперь интереснее будет делать дизайны)

приятно знать ))

А как же иконка «сейчас на сайте»?)

А это не картинка. )) И о ней уже писала, тег «визитка», если что. )

Ты не знаешь, какой размер логона мп?

Спасибо, не надо уже разобралась

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

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