ФорумБлогПорталАгентствоОтзывы

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

09.03.2014 в 11:50
8.9K
просмотров
0
комментариев
17
оценок
К сожалению, данный материал более не актуален
Этот простенький стиль позволит вам увеличить ширину блока выбора 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-стилей можно прочитать в специальной статье на этой странице.
Источник:
Теги
:
оформление, стили, вконтакте
Вам понравился материал?
17
Похожие материалы
Обсуждение
Сайт закрыт. Комментирование материалов невозможно.
Категории раздела
Советуем посмотреть!
Context Sharing 2.3 - ссылки «Поделиться» для контекстного менюФотостатус: Это всё было ошибкойAoo!Player Voyager 2.8 – первый музыкальный гаджет ВКонтакте для Windows 7Wiki-Ava - Разметка аватарки для персональной страницы ВКонтактеФотоСтатус: Свадебные кольцаИконки Pretty social media icons от Custom IconСборщик данных ВК by VIP – сбор номеров и другой контактной информации ВКонтактеКарта кликов ВКонтакте 2.0 - плагин для ChromeVK.IM 1.2.3 - программа для обмена мгновенными сообщениями во ВКонтактеVKontakte Menu Fixed 1.1 - фиксирование главного меню ВКонтакте
Форум
Социальные сети
Хостинг от uCoz