Нужна помощь. Меняем смайлы vk на мини-колобков (CSS)

**KiberПсих** · **KiberПсих** 13.09.2012

Собственно было бы не плохо заменять смайлы вк на колобков, но довольно сложно подобрать аналоги по эмоциям.

смайлы от сюда:
http://www.kolobok.us/content_plugin...hp?smiles.12.1

вот и сам код замены:

Код

Код:

img[emoji="D83DDE0A"]{
   background: url('http://www.kolobok.us/smiles/mini/smile_mini.gif') !important;
   width:17px !important;
   height:20px !important;
}

img[emoji="D83DDE03"]{
   background: url('http://www.kolobok.us/smiles/mini/biggrin_mini2.gif') !important;
   width:17px !important;
   height:17px !important;
}

img[emoji="D83DDE09"]{
   background: url('http://www.kolobok.us/smiles/mini/wink_mini.gif') !important;
   width:17px !important;
   height:20px !important;
}

img[emoji="D83DDE06"]{
   background: url('http://www.kolobok.us/smiles/mini/rofl_mini.gif') !important;
   width:22px !important;
   height:17px !important;
}

img[emoji="D83DDE1C"]{
   background: url('http://www.kolobok.us/smiles/mini/blum_mini.gif') !important;
   width:17px !important;
   height:20px !important;
}

img[emoji="D83DDE0D"]{
   background: url('http://www.kolobok.us/smiles/mini/man_in_love_mini.gif') !important;
   width:17px !important;
   height:22px !important;
}

img[emoji="D83DDE0E"]{
   background: url('http://www.kolobok.us/smiles/mini/dirol_mini.gif') !important;
   width:17px !important;
   height:17px !important;
}

img[emoji="D83DDE12"]{
   background: url('http://www.kolobok.us/smiles/mini/sad_mini.gif') !important;
   width:17px !important;
   height:20px !important;
}

img[emoji="D83DDE22"]{
   background: url('http://www.kolobok.us/smiles/mini/cray_mini2.gif') !important;
   width:17px !important;
   height:20px !important;
}

img[emoji="D83DDE2D"]{
   background: url('http://www.kolobok.us/smiles/mini/cray_mini.gif') !important;
   width:23px !important;
   height:20px !important;
}

img[emoji="D83DDE28"]{
   background: url('http://www.kolobok.us/smiles/mini/chok_mini.gif') !important;
   width:17px !important;
   height:20px !important;
}

Не помешала бы помощь в поиске аналогов для контактовских смайликов.

Buranek · Buranek 16.09.2012

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

AndreasWZ · AndreasWZ 14.11.2012

Замена части смайлов вк колобками

Список заменяемых:

Код

img[emoji="D83DDE0A"]{
background: url('http://www.kolobok.us/smiles/big_standart/smile.gif') !important;
width:21px !important;
height:25px !important;
}

img[emoji="D83DDE03"]{
background: url('http://www.kolobok.us/smiles/big_standart/biggrin.gif') !important;
width:21px !important;
height:25px !important;
}

img[emoji="D83DDE09"]{
background: url('http://www.kolobok.us/smiles/big_standart/acute.gif') !important;
width:21px !important;
height:25px !important;
}

img[emoji="D83DDE06"]{
background: url('http://www.kolobok.us/smiles/big_standart/lol.gif') !important;
width:21px !important;
height:21px !important;
}

img[emoji="D83DDE1C"]{
background: url('http://www.kolobok.us/smiles/big_standart/blum1.gif') !important;
width:21px !important;
height:25px !important;
}

img[emoji="D83DDE0B"]{
background: url('http://www.kolobok.us/smiles/big_standart/blum2.gif') !important;
width:21px !important;
height:25px !important;
}

img[emoji="D83DDE0D"]{
background: url('http://www.kolobok.us/smiles/icq/man_in_love.gif') !important;
width:21px !important;
height:25px !important;
}

img[emoji="D83DDE0E"]{
background: url('http://www.kolobok.us/smiles/big_standart/cool.gif') !important;
width:22px !important;
height:21px !important;
}

img[emoji="D83DDE12"]{
background: url('http://www.kolobok.us/smiles/big_standart/sad.gif') !important;
width:21px !important;
height:25px !important;
}

img[emoji="D83DDE0F"]{
background: url('http://www.kolobok.us/smiles/big_standart/pardon.gif') !important;
width:34px !important;
height:25px !important;
}

img[emoji="D83DDE22"]{
background: url('http://www.kolobok.us/smiles/big_standart/cray.gif') !important;
width:31px !important;
height:26px !important;
}

img[emoji="D83DDE2D"]{
background: url('http://www.kolobok.us/smiles/big_he_and_she/girl_cray.gif') !important;
width:40px !important;
height:24px !important;
}

img[emoji="D83DDE28"]{
background: url('http://kolobok.us/smiles/big_standart/shok.gif') !important;
width:21px !important;
height:26px !important;
}

img[emoji="D83DDE10"]{
background: url('http://kolobok.us/smiles/big_standart/fool.gif') !important;
width:31px !important;
height:27px !important;
}

img[emoji="D83DDE20"]{
background: url('http://kolobok.us/smiles/big_standart/mad.gif') !important;
width:21px !important;
height:25px !important;
}

img[emoji="D83DDE21"]{
background: url('http://kolobok.us/smiles/icq/ireful.gif') !important;
width:37px !important;
height:25px !important;
}

img[emoji="D83DDE07"]{
background: url('http://kolobok.us/smiles/icq/girl_angel.gif') !important;
width:31px !important;
height:32px !important;
}

img[emoji="D83DDE37"]{
background: url('http://kolobok.us/smiles/big_standart/secret.gif') !important;
width:23px !important;
height:30px !important;
}

img[emoji="D83DDE1A"]{
background: url('http://kolobok.us/smiles/icq/kiss.gif') !important;
width:35px !important;
height:24px !important;
}

img[emoji="D83DDE08"]{
background: url('http://kolobok.us/smiles/big_standart/diablo.gif') !important;
width:39px !important;
height:34px !important;
}

img[emoji="2764"]{
background: url('http://img-fotki.yandex.ru/get/4603/kiberinfinity.0/0_4b4d9_9b99fd3_XS') !important;
width:20px !important;
height:20px !important;
}

img[emoji="D83DDE34"]{
content:url('http://kolobok.us/smiles/artists/big/Connie_male-snore.gif') !important;
width:28px !important;
height:25px !important;
}

img[emoji="D83DDE18"]{
content:url('http://kolobok.us/smiles/icq/give_heart.gif') !important;
width:29px !important;
height:25px !important;
}

img[emoji="D83DDE36"]{
content:url('http://kolobok.us/smiles/big_standart/scratch_one-s_head.gif') !important;
width:29px !important;
height:25px !important;
}

img[emoji="D83CDF7B"]{
content:url('http://kolobok.us/smiles/big_standart/drinks.gif') !important;
width:51px !important;
height:28px !important;
}

img[emoji="D83CDF39"]{
content:url('http://kolobok.us/smiles/icq/give_rose.gif') !important;
width:31px !important;
height:26px !important;
}

img[emoji="D83DDCA3"]{
content:url('http://kolobok.us/smiles/big_standart/bomb.gif') !important;
width:26px !important;
height:24px !important;
}

/*Делаем фон светлым и широким*/
.im_emoji_tt_wrap {width: 325px !important; background: transparent !important;}

/*Убираем тени от смайлов*/
.im_emoji_smile_cont {background: none !important;}

.im_emoji_bg{background: transparent !important; box-shadow: none !important;}
.im_emoji_tt_wrap{background: rgba(255, 255, 255, 0.9) !important; z-index: 200 !important;}
.im_emoji_cont:hover{background: #DDDDDD !important; border-radius: 3px;box-shadow: inset 0px 2px 2px #AAAAAA;}

.im_emoji_shadow{background:none !important}
.im_emoji_expanded #im_emoji_expand_shadow_top, .im_emoji_expanded .im_emoji_expand_shadow{display:none !important;}
#im_emoji_pointer {

border-top: 10px solid rgba(255, 255, 255, 0.9) !important;
border-left: 10px solid transparent !important;
border-right: 10px solid transparent !important;
width: 0px !important;
height: 0px !important;
}

/*Расширить поле выбора смайлов*/
#im_emoji_list {width: 325px !important;}

Beyn Mishin · Beyn Mishin 27.11.2012

как сделать ресайз ?
у меня смайл больше обычного и получается очень криво при выборе смайлов

**KiberПсих** · **KiberПсих** 28.11.2012

Beyn Mishin,
ресайз самого смайла?

AndreasWZ · AndreasWZ 20.01.2013

Я предлагаю убрать "колобков" вообще.
И поставить вместо них вот это:

Как вы видите, это ВК-смайлы в более высоком разрешении и размерах.

VitaliyShayko · VitaliyShayko 20.01.2013

AndreasWZ

Клевые

powerman · powerman 05.02.2014

Что нужно сделать что бы вот этих милах загрузить вместо колобков?

http://cs7002.vk.me/c7008/v7008840/3683/SDa5E-Rh_rc.jpg
я их нарубил на маленькие гифки

Саша Толмачёв · Саша Толмачёв 19.03.2014

Цитата:

Сообщение от KiberПсих

Собственно было бы не плохо заменять смайлы вк на колобков, но довольно сложно подобрать аналоги по эмоциям.

смайлы от сюда:
http://www.kolobok.us/content_plugin...hp?smiles.12.1

вот и сам код замены:

Код

Код:

img[emoji="D83DDE0A"]{
   background: url('http://www.kolobok.us/smiles/mini/smile_mini.gif') !important;
   width:17px !important;
   height:20px !important;
}

img[emoji="D83DDE03"]{
   background: url('http://www.kolobok.us/smiles/mini/biggrin_mini2.gif') !important;
   width:17px !important;
   height:17px !important;
}

img[emoji="D83DDE09"]{
   background: url('http://www.kolobok.us/smiles/mini/wink_mini.gif') !important;
   width:17px !important;
   height:20px !important;
}

img[emoji="D83DDE06"]{
   background: url('http://www.kolobok.us/smiles/mini/rofl_mini.gif') !important;
   width:22px !important;
   height:17px !important;
}

img[emoji="D83DDE1C"]{
   background: url('http://www.kolobok.us/smiles/mini/blum_mini.gif') !important;
   width:17px !important;
   height:20px !important;
}

img[emoji="D83DDE0D"]{
   background: url('http://www.kolobok.us/smiles/mini/man_in_love_mini.gif') !important;
   width:17px !important;
   height:22px !important;
}

img[emoji="D83DDE0E"]{
   background: url('http://www.kolobok.us/smiles/mini/dirol_mini.gif') !important;
   width:17px !important;
   height:17px !important;
}

img[emoji="D83DDE12"]{
   background: url('http://www.kolobok.us/smiles/mini/sad_mini.gif') !important;
   width:17px !important;
   height:20px !important;
}

img[emoji="D83DDE22"]{
   background: url('http://www.kolobok.us/smiles/mini/cray_mini2.gif') !important;
   width:17px !important;
   height:20px !important;
}

img[emoji="D83DDE2D"]{
   background: url('http://www.kolobok.us/smiles/mini/cray_mini.gif') !important;
   width:23px !important;
   height:20px !important;
}

img[emoji="D83DDE28"]{
   background: url('http://www.kolobok.us/smiles/mini/chok_mini.gif') !important;
   width:17px !important;
   height:20px !important;
}

Не помешала бы помощь в поиске аналогов для контактовских смайликов.

КРУТО) ТЕПЕРЬ СМАЙЛЫ ШЕВЕЛЯТСЯ) НО Я БЫ ХОТЕЛ ЗНАТЬ-КАК УЗНАТЬ АЙДИ КОНТАКТОВСКИХ СМАЙЛОВ И САМОМУ МЕНЯТЬ ИХ?

Espirito · Espirito 01.04.2014

Цитата:

Сообщение от Саша Толмачёв

АЙДИ КОНТАКТОВСКИХ СМАЙЛОВ

Здесь, например.