Вы вошли как:  Гость
Форум All-For-VKontakte
Это сообщество, объединяющее в себе пользователей, заинтересованных в продвижении в популярных социальных сетях и заработке на них. У нас вы сможете узнать мнения профессионалов по любым вопросам или поделиться своим опытом с неопытными пользователями, найти полезную информацию и просто пообщаться с хорошими людьми.
Присоединяйтесь к нам!
    
CSS-стиль для ВКонтакте: широкий, высокий и непрозрачный блок emoji-смайлов
09.03.2014 в 11:50
К сожалению, данный материал более не актуален
Этот простенький стиль позволит вам увеличить ширину блока выбора emoji-смайлов в личных сообщениях. Чем шире блок, тем больше в нём отображается смайликов, а значит широкий стиль более удобный, нежели стандартный узкий вариант.

CSS-стиль для ВКонтакте: широкий блок emoji-смайлов

Чтобы увеличить ширину блока emoji-смайлов на всю ширину диалогов, вам нужно установить данный CSS-код:

Код:
Код
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("vk.com") {
#im_peer_controls .emoji_tt_wrap, #mbe_emoji_wrap .emoji_tt_wrap, #imw_emoji_wrap .emoji_tt_wrap {width: 466px !important}
#im_peer_controls .emoji_list, #mbe_emoji_wrap .emoji_list, #imw_emoji_wrap .emoji_list {width: 458px !important}
#im_peer_controls .emoji_tt_wrap {right: 82px !important}
#mbe_emoji_wrap .emoji_tt_wrap {right: -14px !important}
#imw_emoji_wrap .emoji_tt_wrap {right: -27px !important}
.fc_tab_txt_wrap .emoji_tt_wrap {right: 0 !important}
#im_peer_controls .emoji_pointer {left: 399px !important}
#mbe_emoji_wrap .emoji_pointer {left: 443px !important}
#imw_emoji_wrap .emoji_pointer {left: 432px !important}
.fc_tab_txt_wrap .emoji_pointer {left: 182px !important}
.emoji_expand_shadow, .emoji_expanded .emoji_expand_shadow, .emoji_expanded .emoji_expand_shadow_top {display: none !important}
}

Вместе с увеличенной шириной можно установить ещё и непрозрачность блока. Для этого вместо кода, расположенного выше, установите этот код:

Код:
Код
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("vk.com") {
#im_peer_controls .emoji_tt_wrap, #mbe_emoji_wrap .emoji_tt_wrap, #imw_emoji_wrap .emoji_tt_wrap {background: #4c4c4c; width: 466px !important}
#im_peer_controls .emoji_list, #mbe_emoji_wrap .emoji_list, #imw_emoji_wrap .emoji_list {width: 458px !important}
#im_peer_controls .emoji_tt_wrap {right: 82px !important}
#mbe_emoji_wrap .emoji_tt_wrap {right: -14px !important}
#imw_emoji_wrap .emoji_tt_wrap {right: -27px !important}
.fc_tab_txt_wrap .emoji_tt_wrap {right: 0 !important}
#im_peer_controls .emoji_pointer {left: 399px !important}
#mbe_emoji_wrap .emoji_pointer {left: 443px !important}
#imw_emoji_wrap .emoji_pointer {left: 432px !important}
.fc_tab_txt_wrap .emoji_pointer {left: 182px !important}
.emoji_expand_shadow, .emoji_expanded .emoji_expand_shadow, .emoji_expanded .emoji_expand_shadow_top {display: none !important}
}

CSS-стиль для ВКонтакте: широкий блок emoji-смайлов

Помимо ширины блока вы можете увеличить ещё и высоту блока emoji-смайликов ВКонтакте. Делается это при помощи данного кода (прозрачность присутствует):

Код:
Код
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("vk.com") {
#im_peer_controls .emoji_tt_wrap, #mbe_emoji_wrap .emoji_tt_wrap, #imw_emoji_wrap .emoji_tt_wrap {width: 466px !important}
#im_peer_controls .emoji_list, #mbe_emoji_wrap .emoji_list, #imw_emoji_wrap .emoji_list {width: 458px !important}
#im_peer_controls .emoji_tt_wrap, #mbe_emoji_wrap .emoji_tt_wrap {height: 192px !important; margin-top: -212px !important}
#im_peer_controls .emoji_list, #mbe_emoji_wrap .emoji_list {height: 192px !important}
#im_peer_controls .emoji_tt_wrap {right: 82px !important}
#mbe_emoji_wrap .emoji_tt_wrap {right: -14px !important}
#imw_emoji_wrap .emoji_tt_wrap {right: -27px !important}
.fc_tab_txt_wrap .emoji_tt_wrap {right: 0 !important}
#im_peer_controls .emoji_pointer {left: 399px !important}
#mbe_emoji_wrap .emoji_pointer {left: 443px !important}
#imw_emoji_wrap .emoji_pointer {left: 432px !important}
.fc_tab_txt_wrap .emoji_pointer {left: 182px !important}
.emoji_expand_shadow, .emoji_expanded .emoji_expand_shadow, .emoji_expanded .emoji_expand_shadow_top {display: none !important}
}

CSS-стиль для ВКонтакте: широкий блок emoji-смайлов

Этого же размера блок можно сделать ещё и непрозрачным. Для этого вместо кода, расположенного выше, используйте вот этот код:

Код:
Код
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("vk.com") {
#im_peer_controls .emoji_tt_wrap, #mbe_emoji_wrap .emoji_tt_wrap, #imw_emoji_wrap .emoji_tt_wrap {background: #4c4c4c; width: 466px !important}
#im_peer_controls .emoji_list, #mbe_emoji_wrap .emoji_list, #imw_emoji_wrap .emoji_list {width: 458px !important}
#im_peer_controls .emoji_tt_wrap, #mbe_emoji_wrap .emoji_tt_wrap {height: 192px !important; margin-top: -212px !important}
#im_peer_controls .emoji_list, #mbe_emoji_wrap .emoji_list {height: 192px !important}
#im_peer_controls .emoji_tt_wrap {right: 82px !important}
#mbe_emoji_wrap .emoji_tt_wrap {right: -14px !important}
#imw_emoji_wrap .emoji_tt_wrap {right: -27px !important}
.fc_tab_txt_wrap .emoji_tt_wrap {right: 0 !important}
#im_peer_controls .emoji_pointer {left: 399px !important}
#mbe_emoji_wrap .emoji_pointer {left: 443px !important}
#imw_emoji_wrap .emoji_pointer {left: 432px !important}
.fc_tab_txt_wrap .emoji_pointer {left: 182px !important}
.emoji_expand_shadow, .emoji_expanded .emoji_expand_shadow, .emoji_expanded .emoji_expand_shadow_top {display: none !important}
}

CSS-стиль для ВКонтакте: широкий блок emoji-смайлов
Об установке тем или CSS-стилей можно прочитать в специальной статье на этой странице.
Вам понравился материал?
Источник/Официальный сайт
Рассказать друзьям
Обсуждение
Станьте первым, кто оставит свой отзыв или мнение об этом материале