|
06.06.2011
|
|
Опытный
О пользователе
Сообщений: 2,037
ВкоптоКарма: 1,352
[#1]
|
Небольшие CSS-твики
Мелочи, которые вряд ли будут полезны большинству, но кое-кому может и пригодятся
Инструкция по установке CSS-твиков:- Заходим в менеджер тем ВкОпта: http://vk.com/settings?skinman
- Нажимаем кнопку "Установить CSS-код" (сверху)
- Вставляем код твика и нажимаем "Применить"
- Перезагружаем страницу для просмотра результата
Не обрезать миниатюры фотографий на профилях и в группах
Миниатюры фотографий на профилях и в группах немного обрезаются, если они слишком большие по высоте. Этот твик исправит это.
Код:
/* Не обрезать миниатюры фотографий на профилях и в группах */
#profile_photos .photos a, #group_photos .group_photos_table a {
height: auto !important;
}
При желании можете установить ещё ширину (width) на значение "auto", но тогда миниатюры смещаются к центру.
Скрыть кнопку, разворачивающую меню в группах
Скрывает кнопку раскрытия меню в группах.
Актуально, только если во ВкОпте используется функция "Автоматически разворачивать новости в группах (меню группы)".
Код:
/* Скрыть кнопку, разворачивающую меню в группах */
.group_wiki_hider {
display: none !important;
}
Скрыть лог VKopt'a у alpha и beta версий
Скрывает лог VKopt'a у alpha и beta версий.
Однако использовать это не рекомендуется, ибо в случае ошибок не получится прибегнуть к логу и сообщить всю информацию об ошибке.
Код:
/* Скрыть лог VKopt'a у alpha и beta версий */
#vkDebug {
display: none !important;
}
Скрыть предложение заполнить информацию о профиле
Скрывает блок под аватаркой вашего профиля, предлагающий заполнить информацию о себе.
Код:
/* Скрыть предложение заполнить информацию о профиле */
.profile_rate_warning {
display: none !important;
}
Убрать кнопку 'Показать/скрыть подробную информацию'
Убирает кнопку показа/скрытия подробной информации о пользователе.
Актуально, если вы используете во ВкОпте функцию "Всегда разворачивать информацию о пользователе".
Код:
/* Убрать кнопку 'Показать/скрыть подробную информацию' */
#profile_full_link, #profile_info_link {
display: none !important;
}
Спасибо Гавр.
Сделать менее приметной табличку об изменении номера
Немного уменьшает табличку, которая появляется в шапке сайта при изменении номера мобильного телефона.
Код:
/* Сделать менее приметной табличку об изменении номера */
.top_info_bar .info {
padding: 0px !important;
}
.top_info_bar {
opacity: 0.4 !important;
}
Спасибо KiberПсих.
Отображать пункт [VKopt] в виде иконки в левом верхнем углу
Убирает пункт [VKopt] из левого меню и ставит его слева вверху в виде иконки.
Известные недоработки: - Если включена фиксация левого меню, то невозможно навести на пункт "Обновить меню", когда страница проскроллена на самый верх. Заметно только при маленьком разрешении экрана или если шапка сайта растянута на всю страницу.
Код:
/* Отображать пункт [VKopt] в виде иконки в левом верхнем углу */
#frOpt{
position: fixed !important;
left: 20px !important;
top: 4px !important;
}
#side_bar #frOpt ul {
margin-left: 20px !important;
}
#side_bar #frOpt>a {
font-size: 0px;
background-image: url("http://vkopt.net/download/favicon.ico") !important;
width: 8px !important;
height: 8px !important;
}
.moreDiv {
display: none !important;
}
Спасибо KiberПсих.
Не группировать последовательные сообщения в диалогах
Диалоги перестают группировать подряд идущие сообщения от одного пользователя.
Код:
/* Не группировать последовательные сообщения в диалогах */
#im_rows .im_add_row .im_log_author a, #im_rows .im_add_row .im_log_date span, #im_rows .im_add_row .im_log_date a.im_date_link, #im_rows .im_add_row .im_log_author_chat_thumb, #im_rows .im_add_row .im_log_author_chat_name {
display: block !important;
}
Спасибо KiberПсих.
Надписи Online зелёного цвета
Заменяет все индикаторы активности пользователя на сайте на аналогичные, но зелёные.
Код:
/* Надписи Online зелёного цвета */
#title .fl_r, .online, .im_status_holder, .fave_online, .im_chatbox_mem_online, .mail_envelope_online, .dialogs_online, .bp_online {
color: #008000 !important
}
.vk_profile_online_status {
color: #42ee42 !important;
}
.fc_tab_online .fc_tab_online_icon, .fc_contact .fc_contact_status, .fc_clist_online_wrap .fc_clist_online {
background-image: url("http://s019.radikal.ru/i633/1211/a1/35499922ad03.png") !important;
}
.mob_onl, b.im_friend_mob_onl, b.dialogs_mob_onl {background-image: url("http://s52.radikal.ru/i136/1211/47/49d498354a71.png") !important;}
.im_status_online {
background-color: #008000 !important;
}
Спасибо Empty21 и Ареопагиту.
Так же для достижения такого эффекта в диалогах:
удалите последние три строчки в коде выше и вставьте этот листинг:
Код:
.im_status_online {
box-shadow:0px 0px 5px 2px #00ff00 !important;
background-color: #00ff04 !important;
border-color: #00ff00 !important;
width: 1px !important;
height: 1px !important;
}
Спасибо KiberПсих.
Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет
Делает верхушку страницы похожей на старую, которая использовалась в интерфейсе ВКонтакте 2009 года.
Возможны три варианта:
1. Простой цвет
Код:
/* Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет [1] */
#header {
background-color: #f0e8ba !important;
}
2. Простой градиент
Код:
/* Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет [2] */
#header {
background-image: url("http://savepic.org/1811154.jpg") !important;
padding-top: 12px !important;
}
Спасибо Reydan-46.
3. Самый качественный вариант
Код:
/* Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет [3] */
#header_wrap1 {
border: solid #F3F3F3 !important;
border-image: initial !important;
border-width: 0px 1px !important;
}
#header {
position: relative !important;
font-weight: bold !important;
font-size: 11px !important;
padding: 4px 10px !important;
background: #F2EAB8 url(http://vkontakte.ru/images/headeryell.gif) top left repeat-x !important;
color: black !important;
border: 1px solid #D1C992 !important;
border-image: initial !important;
}
#header h1 {
margin: 0px !important;
font-size: 11px !important;
overflow: hidden !important;
}
Спасибо Nickolia46.
Использовать несколько сразу - не следует.
Замена иконкой таблички о вашем текущем Online статусе
Заменяет табличку о вашем текущем онлайн статусе иконкой.
Цвет иконки символизирует текущий статус (Зелёный - Online, Красный - Offline, Жёлтый - Неопределено)
Код:
/* Замена иконкой таблички о вашем текущем Online статусе */
div.vkUOnline, div.vkUOffline, div.vkUUndef {
content: none !important;
color: transparent !important;
border: none !important;
background: none !important;
width: 26px !important;
height: 26px !important;
margin-left: 4px !important;
margin-bottom: -4px !important;
opacity: 0.7 !important;
background-repeat: no-repeat !important;
}
div.vkUOnline {
background-image: url("http://ipic.su/img/img3/fs/online.1325960317.png") !important;
}
div.vkUOffline {
background-image: url("http://ipic.su/img/img3/fs/offline.1325960265.png") !important;
}
div.vkUUndef {
background-image: url("http://ipic.su/img/img3/fs/undefined.1325960364.png") !important;
}
Делает все сердечки из системы "Мне нравится" красными.
Код:
/* Сердечки красного цвета */
.like_wrap div, #pv_like_icon, #mv_like_icon, .post_like_icon, .fw_like_icon, .like_wrap i {
background-image: url("http://savepic.net/1410876.gif") !important;
}
.post_like_link, span.like_link, #mv_like_wrap .fl_l, #pv_like_wrap .fl_l, .fw_like_link {
color: rgba(255, 0, 0, 0.7) !important;
}
.post_like_count, .like_count, #mv_like_count, #pv_like_count, .fw_like_count {
color: rgba(255, 0, 0, 0.9) !important;
font-weight: bold !important;
}
.post_like:hover {
background-color: rgba(255, 0, 0, 0.1) !important;
}
.pvs_hh_fg {
background-image: url("http://ipic.su/img/img3/fs/post_hh.1325808053.png") !important;
}
Спасибо Reydan-46.
Скрыть надпись 'Мне нравится', скруглить края рамки лайка и сделать сердечко менее заметным
Убирает надпись "Мне нравится" у лайков, оставляя только сердечко и счётчиков лайков, скругляет края рамки у лайков к постам и делает сердечко менее заметным, когда на нём нет наведения указателя мыши.
Код:
/* Скрыть надпись 'Мне нравится', скруглить края рамки лайка и сделать сердечко менее заметным */
div.post_like_wrap {
opacity: 0.4 !important;
}
div.post_like_wrap:hover {
opacity: 1 !important;
}
.post_like {
border-radius: 5px !important;
-o-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}
span.post_like_link, .like_link, #pv_like_wrap span.fl_l:first-child, #mv_like_wrap span.fl_l:first-child {
display: none !important;
}
Спасибо Empty21.
Скрыть надпись 'Мне не нравится', скруглить края рамки дислайка и сделать менее заметным
Код:
/* Дизлайк 1 апреля 2013 */
.post_dislike {
border-radius: 5px !important;
-o-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}
span.dislike_link, span.post_dislike_link, span.fw_dislike_link, #pv_dislike_wrap span.fl_l:first-child, #mv_dislike_wrap span.fl_l:first-child {
display: none !important;
}
Замена фона в темах. (обычно этот код должен работать. точно работает на скинах Opera System и Bubbles)
Код:
html body{ background:url("http://cs10787.userapi.com/u13391307/137964159/w_f7b25ecf.jpg") fixed no-repeat 50% 50% !important; background-size:cover !important;}
если не срабатывает - можно попробовать этот:
Код:
html body, #page_wrap{ background:url("http://cs10787.userapi.com/u13391307/137964159/w_f7b25ecf.jpg") fixed no-repeat 50% 50% !important;background-size:cover !important;}
Расширенная фильтрация новостей
Возможно создание своих правил фильтрации с помощью CSS-твиков.
Для работы созданного твика в вкопте должна быть активна основная галка фильтра, и сняты галки со всех пунктов фильтрации.
Подробности:
класс .vk_feed_filter добавляется ко всем постам до кторых дотянулся скрипт.
так же вместе с ним могут быть добавлены классы:
.vk_feed_photo
.vk_feed_video
.vk_feed_audio
.vk_feed_graff
.vk_feed_poll
.vk_feed_note
.vk_feed_text
.vk_feed_links
.vk_feed_group
.vk_feed_friend
.vk_feed_repost
например чтобы скрыть всё и показать те, где есть аудио, нужен такой код:
Код:
.vk_feed_filter{display:none !important}
.vk_feed_filter.vk_feed_audio{display : block !important} /*классы пробелами не разделять. они все разом к одному элементу приписаны*/
Изменение высоты контакт-листа
Устанавливает указанную высоту для черного окошка со списком друзей.
Код:
/* Изменение высоты контакт-листа с онлайн пользователями */
#fc_contacts {
height: 252px !important
}
Подходящее значение можно подобрать изменяя значение height: 252px !important.
Например height: 752px !important
Белый/Тёмный фон и увеличение окна выбора смайлов
Изменение названий пунктов в левом меню
Изменение шрифта сайта
Увеличить размер миниатюр в списке документов
Перенос списка открытых вкладок диалогов вправо
Мини-чат с закосом под metro
=-=-=-=-=НЕАКТУАЛЬНО=-=-=-=-=
Скрыть блок установки статуса со страницы новостей
Убирает полосу отправки статусы со страницы новостей.
Код:
/* Скрыть блок установки статуса со страницы новостей */
#feed_news_bar {
display: none !important;
}
Убрать сердечки с фотографий
Убирает сердечко, появляющееся в верхушке каждой фотографии, при их просмотре.
Добавлено во ВкОпт
Код:
/* Убрать сердечки с фотографий */
.pvs_hh_bg {
display: none !important;
}
.pvs_hh_fg {
display: none !important;
}
.pvs_hh {
display: none !important;
}
Спасибо Nickolia46.
Убирает полосу рейтинга и со страниц пользователей и из всплывающей информации ВкОпта.
Рейтинг просто неактуален.
Код:
/* Скрыть полоску рейтинга */
.vkrate, .rate_line {
display: none !important;
}
=-=-=-=-=ХРЕНОВО РАБОТАЕТ=-=-=-=-=
Правильно отображать грёбаные фотопазлы в новостях
Отображает в новостях фотографии так, что фотопазлы складываются в ту картинку, которую подразумевал отправитель.
Известные недоработки: - Съезжают все остальные фотографии в новостях [неисправимо]
Код:
/* Правильно отображать грёбаные фотопазлы в новостях */
.post_media {
width: 320px !important;
}
Спасибо Rub4ek.
Уменьшение высоты выпадающих пунктов расширенного меню
Немного уменьшает высоту выпадающих пунктов расширенного меню VKopt'a
Код:
/* Уменьшение высоты выпадающих пунктов расширенного меню */
#side_bar ol li ul a {
padding: 2px !important;
}
Спасибо KiberПсих.
Небольшое закругление всех аватарок
Закругляет все аватарки пользователей, групп и публичных страниц.
Код:
/* Небольшое закругление всех аватарок */
.im_photo_holder a img, .dialogs_photo a img, td.image a img, img.reply_image, a.fw_post_thumb img, a.fw_reply_thumb img, a.ava img, div.fl_l.pv_thumb a img, div.gift_thumb a img, .mv_thumb a img, img.apps_wide_img, .mail_photo a img, div.people_cell a img, div.event_block a img, img.feedback_row_photo, a.bp_thumb img, .wdd_imgs img, .post_image img, .bd_day_events a img, img.reply_form_image {
border-radius: 3px !important;
-o-border-radius: 3px !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
}
img.im_log_author_chat_thumb, .common_friends a img, img.published_by_photo, div.fl_l.thumb a img, img.feed_post_field_photo, div.fave_link_image img, .fc_msgs_wrap a.fc_msgs_author img.fc_msgs_author, table.like_stats a img, img.feedback_group_photo, img.blst_img, .published_by_photo img, .im_friend img, table.flist_cell td.flist_item_img img, img.settings_bl_photo {
border-radius: 2px !important;
-o-border-radius: 2px !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
}
div.user_block a img, div.fl_l.group_row_photo a img, div.mail_envelope_photo a img, a.fave_user_image img, a.fave_face img, div.feed_friend_image a img, div.photo .bg_img img {
border-radius: 4px !important;
-o-border-radius: 4px !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
}
#profile_avatar img, #group_avatar img, .content a img {
border-radius: 5px !important;
-o-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}
div.fave_face_name {
border-bottom-left-radius: 4px !important;
-o-border-bottom-left-radius: 4px !important;
-moz-border-bottom-left-radius: 4px !important;
-webkit-border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
-o-border-bottom-right-radius: 4px !important;
-moz-border-bottom-right-radius: 4px !important;
-webkit-border-bottom-right-radius: 4px !important;
}
Уменьшение кнопок 'Наверх' и 'Вниз'
Код:
/* Уменьшение кнопок "Наверх" и "Вниз" */
#stl_left:hover, #stl_left, #stl_side, #stl_side:hover {
width: 80px !important;
height: 27px !important;
left: 140px !important;
/* left: 85px !important; Для тех у кого есть правая панель */
top: 5px !important;
}
#stl_text {
margin: 6px 6px 6px 6px !important;
}
#stl_left:hover, #stl_left, #stl_side, #stl_side:hover {
border: 1px solid !important;
border-radius: 5px !important;
}
Результат:
Спасибо Reydan-46.
ДЛЯ РЕШЕНИЯ КУРИТЬ: 01, 02
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=
Фиксирует шапку сайта (ту синенькую полосочку с логотипом ВК )
Из особенностей:
пришлось переместить появляющуюся надпись "Наверх" вправо:
Два разных кода: если используется правая панель и если она не используется.
Если используется правая панель:
Код:
/* Фиксация шапки сайта */
#page_header {
position: fixed !important;
z-index: 111 !important;
width: 911px !important;
}
#page_body, #footer_wrap {
position: relative !important;
top: 40px !important;
}
#side_back_link {
color: #ffffff !important;
background-color: transparent !important;
background-image: url("http://ipic.su/img/img3/fs/backlink.1308931496.gif") !important;
left: 690px !important;
top: 4px !important;
}
#side_back_link:hover {
background-color: #597da3 !important;
}
#im_content {
padding-top: 71px !important;
}
Если правая панель не используется:
Код:
/* Фиксация шапки сайта */
#page_header {
position: fixed !important;
z-index: 111 !important;
width: 791px !important;
}
#page_body, #footer_wrap {
position: relative !important;
top: 40px !important;
}
#side_back_link {
color: #ffffff !important;
background-color: transparent !important;
background-image: url("http://ipic.su/img/img3/fs/backlink.1308931496.gif") !important;
left: 630px !important;
top: 4px !important;
}
#side_back_link:hover {
background-color: #597da3 !important;
}
#im_content {
padding-top: 71px !important;
}
Однако у данного выше кода присутствует проблема, которая проявляется, если не используется привязка левого и правого меню к границам экрана.
Поэтому был создан такой код:
Код:
/* Фиксация шапки сайта */
.top_back_link_td {
width: 545px !important
}
#page_header .content {
position: fixed !important;
background-image: url("http://ipic.su/img/img3/fs/1.1309083940.png") !important;
background-repeat: no-repeat !important;
}
#side_back_link {
color: #ffffff !important;
background-color: transparent !important;
background-image: url("http://ipic.su/img/img3/fs/backlink.1308931496.gif") !important;
left: 690px !important;
top: 4px !important;
}
#side_back_link:hover {
background-color: #597da3 !important;
}
Из минусов этого кода: логотип изменится с VK на ВКонтакте, если вы используете vk.com и если вы не используете правую панель, то верхушка сайта будет слишком длинной.
Спасибо Reydan-46.
ДЛЯ РЕШЕНИЯ КУРИТЬ: 01, 02, 03
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=
Описание.
[IMG][/IMG]
Возможно дополнение.
Известные недоработки:
Спасибо KiberПсих.
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=
Знаете что-то сами: пишите. Я так же буду рыться и искать
P.S.
Инструкция по установке CSS-кодов
- Заходим в менеджер тем ВкОпта: http://vk.com/settings?skinman
- Нажимаем кнопку "Установить CSS-код" (сверху)
- Вставляем код твика и нажимаем "Применить"
- Перезагружаем страницу для просмотра результата
Последний раз редактировалось vladsima; 14.07.2013 в 23:12.
Причина: up
|
Оффлайн
|
|
42 пользователя(ей) сказали cпасибо:
|
3dmax, alex464, alexxsim, ArckTick, Cramer, Dalek, denisska, Dr_Den, evg, evgeniy.trifonov, FaNaTuK, hasta2010, JohnTR, KiberПсих, Mangust732, MAV, Mr.Smit, Nickolia46, Pasha_49, PoherFace, psih2.2.8, Reliance, Reydan-46, saniel, Sintezmaniac, SmowiN, tery, vall_gorr, ves_nik, VitaliyShayko, Vostan1, Wirmis, yurok, Андрей Белявский, Ареопагит, Вэлл, Гавр, Даниил Хохряков, Дмитрій Лисак, Женя Плеханов, Минор, Петян |
15.03.2014
|
|
Опытный
О пользователе
Сообщений: 1,015
ВкоптоКарма: 224
[#581]
|
Цитата:
Сообщение от KiberПсих
|
Я понял. Данный код распространяется только на ЛС.
Для тех, у кого стоят смайлы на стене, комментариях, статусе и т.д. -- он не пригоден, т.к. возникают конфликты.
В таком случае с EmojiPlus будет совместим этот код, расширяющий все панели смайлов, а не только в ЛС:
Код:
@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, .emoji_tooltip_new {width: 466px !important}
#im_peer_controls .emoji_list, #mbe_emoji_wrap .emoji_list, #imw_emoji_wrap .emoji_list, .emoji_tooltip_new .emoji_list {width: 458px !important}
#im_peer_controls .emoji_tt_wrap, #mbe_emoji_wrap .emoji_tt_wrap, .emoji_tooltip_new {height: 192px !important; margin-top: -212px !important}
#im_peer_controls .emoji_list, #mbe_emoji_wrap .emoji_list, .emoji_tooltip_new .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, .emoji_tooltip_new {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, .emoji_tooltip_new .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}
}
P.S. работает на Мазиле (через "Стайлиш"), на других не проверял.
|
Оффлайн
|
|
21.03.2014
|
|
Мимо проходил, заглянул)
О пользователе
Сообщений: 2
ВкоптоКарма: 0
[#582]
|
Делал для себя, в серую или чёрную тему впишется идеально
Код:
.emoji_expanded, .emoji_expand_shadow_top, .emoji_expand_shadow { width: 0px !important;
height: 0px !important;}
.emoji_bg {background: #686868 !important;}
.emoji_block_cont {background: #5A5A5A !important;}
.im_stickers_buy_header { background: #6B6B6B !important;}
.im_stickerpack_info .im_sticker_act_blue { background: #424242 !important;}
.im_sticker_act { color: #727272 !important;}
.emoji_sprite {background-image: url('http://6.firepic.org/6/images/2014-03/21/xzi6zmnb7u13.png') !important; }
.emoji_tab:hover { background: #5A5A5A !important;}
.emoji_tab_sel, .emoji_tab_sel:hover {background: #5A5A5A !important; }
.emoji_tabs{background: #4D4D4D !important;}
.emoji_list {width: 400px !important; height: 200px !important; }
.emoji_tt_wrap {width: 400px !important; height: 200px !important; margin-top: -250px !important; }
.emoji_pointer { top: 239px !important; left: 275px !important; }
Немного подправил расположение элементов в расширенном окошке, обнова всё сковеркала
|
Оффлайн
|
|
21.03.2014
|
|
Разработчик
О пользователе
Сообщений: 1,537
ВкоптоКарма: 2,663
[#583]
|
Добавил сюда: http://vkopt.net/forum/showpost.php?...&postcount=495
Тёмный фон окна выбора смайлов
Код:
/*Тёмный фон окна выбора смайлов*/
.emoji_tab:hover,.emoji_shop:hover {background: rgba(116, 116, 116, 0.8) !important;}
.emoji_tab_sel, .emoji_tab_sel:hover {background: rgba(70, 70, 70, 0.73) !important;}
.emoji_tabs {background:rgba(58, 58, 58, 0.55) !important; }
.emoji_tt_wrap,.emoji_block_cont {background: transparent !important;}
.emoji_smile_cont {background: none !important;}
.emoji_bg{background: transparent !important; box-shadow: none !important;}
.emoji_tt_wrap{background: rgba(0, 0, 0, 0.9) !important; z-index: 200 !important;}
.emoji_cont:hover{background: #333 !important; border-radius: 3px;box-shadow: inset 0px 2px 2px #111;}
.emoji_shadow{background:none !important}
.emoji_expanded .emoji_expand_shadow_top, .emoji_expanded .emoji_expand_shadow{display:none !important;}
.emoji_pointer {
border-top: 8px solid rgba(0, 0, 0, 0.9) !important; border-left: 8px solid transparent !important; border-right: 8px solid transparent !important;
width: 0px !important; height: 0px !important;
}
|
Оффлайн
|
|
3 пользователя(ей) сказали cпасибо:
|
|
24.03.2014
|
|
Мимо проходил, заглянул)
О пользователе
Сообщений: 3
ВкоптоКарма: 2
[#584]
|
/* Диалог. Окно Сообщения. Смайлы. Текст. */
/* Синий фон Непрочитанных Сообщений */
.dialogs_new_msg,
.dialogs_new_msg *,
.im_new_msg .im_log_author,
.im_new_msg .im_log_body,
.im_new_msg .im_log_body *,
.im_new_msg .im_log_date,
.im_new_msg .im_log_date *,
.im_new_msg.im_sel_row .im_log_act,
.im_new_msg.im_sel_row .im_log_rspacer,
.new_msg *,
.fc_msgs_unread,
.fc_msgs_unread *,
.fc_msg_unread,
.fc_msg_unread * {background-color: #597DA3 !important; color: #fff !important;
}
.im_new_msg{
background-color: #597DA3 !important;
}
/* Расширить панель Диалогов */
.im_log_act {
width: 1px !important;
padding: 4px 0 !important;
}
.im_log_check {
width: 17px !important;
}
.im_log_date {
width: 1px !important;
padding: 5px 0 !important;
}
.im_log_rspacer {
width: 1px !important;
padding: 0 !important;
}
.im_log_body {
padding-right: 15px !important; width: 100% !important;
}
#im_peer_controls > table {
width: 100% !important;
}
.im_editable{width: auto !important;
}
#im_write_form {
width:100% !important;
}
/* Увеличить блок со Смайликами в Диалогах и окошке «Новое сообщение» */
/* Положение */
#im_peer_controls .emoji_tt_wrap {right: 18px !important;
}
/* Ширина Окна */
#im_peer_controls .emoji_tt_wrap, #mbe_emoji_wrap .emoji_tt_wrap, #imw_emoji_wrap .emoji_tt_wrap, .emoji_tooltip_new {width: 588px !important;}
/* Ширина Поля Смайлов */
#im_peer_controls .emoji_list, #mbe_emoji_wrap .emoji_list, #imw_emoji_wrap .emoji_list, .emoji_tooltip_new .emoji_list {width: 592px !important; left: 3px !important
}
/* Длинна Окна */
#im_peer_controls .emoji_list, #mbe_emoji_wrap .emoji_list, .emoji_tooltip_new .emoji_list {height: 180px !important;
}
/* Высота Окна */
#im_peer_controls .emoji_tt_wrap, #mbe_emoji_wrap .emoji_tt_wrap, .emoji_tooltip_new {height: 251px !important; margin-top: -230px !important;
}
#mbe_emoji_wrap .emoji_tt_wrap {right: -14px !important;}
#imw_emoji_wrap .emoji_tt_wrap, .emoji_tooltip_new {right: -27px !important;}
.fc_tab_txt_wrap .emoji_tt_wrap {right: 0 !important;
}
/* Тёмный и Прозрачный фон окна выбора смайлов */
.emoji_tabs {background:rgba(58, 58, 58, 0.75) !important;}
.emoji_tab_sel, .emoji_tab_sel:hover {background: rgba(0,0,0,.75) !important;}
.emoji_block_cont {background: rgba(0,0,0,.75) !important;}
.emoji_tab:hover,.emoji_shop:hover {background: rgba(0,0,0,.75) !important;}
.emoji_bg {background: rgba(0,0,0,.75) !important; box-shadow: none !important;}
.emoji_expanded .emoji_expand_shadow_top, .emoji_expanded .emoji_expand_shadow{display:none !important;}
.emoji_pointer {
border-top: 8px solid rgba(0, 0, 0, 0.9) !important; border-left: 8px solid transparent !important; border-right: 8px solid transparent !important;
width: 0px !important; height: 0px !important;
}
#im_peer_controls {
padding: 10px 10px 10px 20px !important;
}
/* Развернуть панель Диалогов вниз, до конца страницы */
#im_footer_filler {height:0 !important;
}
/* Убрать Колонтитулы растягивания */
#im_footer_filler,#im_footer_sh,#im_resizer_wrap,# im_top_sh,#im_bottom_sh {display: none !important;
}
/* Динамичное выделение читаемого */
.im_log_body:hover {
color: rgba(0, 135, 215, 1) !important;
font-weight: bold !important;
}
.wrapped:hover {
color: rgba(255, 0, 55, 1) !important;
font-weight: bold !important;
}
.fw_reply_text:hover {
color: rgba(0, 0, 0, 0.5) !important;
font-weight: bold !important;
}
.wall_reply_text:hover {
color: rgba(0, 0, 0, 0.5) !important;
font-weight: bold !important;
}
Последний раз редактировалось AleSiS Dallwitz; 24.03.2014 в 19:13.
|
Оффлайн
|
|
2 пользователя(ей) сказали cпасибо:
|
|
24.03.2014
|
|
Опытный
О пользователе
Сообщений: 1,015
ВкоптоКарма: 224
[#585]
|
AleSiS Dallwitz, цвет "непрочитанных" меняется и без того во ВкОпте. Зачем этот весь код?
Цитата:
Сообщение от AleSiS Dallwitz
SCC DIALOG
|
Ты хотел сказать "CSS" ?
|
Оффлайн
|
|
24.03.2014
|
|
Мимо проходил, заглянул)
О пользователе
Сообщений: 3
ВкоптоКарма: 2
[#586]
|
[QUOTE=VitaliyShayko;65774]AleSiS Dallwitz, цвет "непрочитанных" меняется и без того во ВкОпте. Зачем этот весь код?
Я пишу свой CSS для VK.
Сдесь часть... Мне не нужен весь VK_OPT. Не нужное можно удалиьть из кода.
|
Оффлайн
|
|
02.04.2014
|
|
Знаток
О пользователе
Сообщений: 49
ВкоптоКарма: 2
[#587]
|
ArckTick, мне нужна помощь с увеличением контакта. Пиши сюда http://vk.com/s_a_n_y_0_k
|
Оффлайн
|
|
02.04.2014
|
|
Знаток
О пользователе
Сообщений: 49
ВкоптоКарма: 2
[#589]
|
/*Закругление меню и полей ввода данных*/
.group_wiki_hider, a.profile_info_link, .selector_dropdown, .selector_table, #profile_editor, .selector, #page_body, #editor, .events_list_search, input.text, input.search, textarea, input.big_text, #wrap1, #wrap2, #wrap3, .summary_tabs , .audio_search, .video_search, #header, #header_wrap1, .video_layout .side_panel, .full_wall_tabs, .t_bar, .settings_view_as_text, #friends .side_panel, #friends #s_search, #main_feed .feed_post_field_wrap #submit_post_box textarea#post_field, .wall_module .mention_rich_ta, .left_box, #settings_panel, .audio_table .side_panel, #profile, .wall_module .reply_fakebox, .reply_field_wrap {
border-radius: 15px !important;
-o-border-radius: 15px !important;
-moz-border-radius: 15px !important;
-webkit-border-radius: 15px !important;
}
Подправьте! Углы не залиты фоновым цветом http://cs14112.vk.me/c540106/v540106...cKJR_GA6EU.jpg
Добавлено через 9 минут
Прошу добавить в шапку коды
/* Закругление блоков на профиле*/
.module_header .header_top {
border-radius: 5px !important;
-o-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}
.module_header {
background-color: transparent !important;
}
/*Закругление меню и некоторых блоков*/
input.text, input.search, textarea, input.big_text, #wrap1, #wrap2, .summary_tabs , .audio_search, .video_search, #header, #header_wrap1, .video_layout .side_panel, .full_wall_tabs, .t_bar, .settings_view_as_text, #friends .side_panel, #friends #s_search, #main_feed .feed_post_field_wrap #submit_post_box textarea#post_field, .wall_module .mention_rich_ta, .left_box, #settings_panel, .audio_table .side_panel, #profile, .wall_module .reply_fakebox, .reply_field_wrap, .events_list_search {
border-radius: 15px !important;
-o-border-radius: 15px !important;
-moz-border-radius: 15px !important;
-webkit-border-radius: 15px !important;
}
/*Закругление некоторых кнопок*/
.button_blue button, .button_blue, .button_gray button, .button_gray {
border-radius: 7px !important;
-o-border-radius: 7px !important;
-moz-border-radius: 7px !important;
-webkit-border-radius: 7px !important;
}
/*Закругление некоторых кнопок*/
.side_filter, .button_blue button, .button_blue, .button_gray button, .button_gray, #side_bar ol li a:hover {
border-radius: 7px !important;
-o-border-radius: 7px !important;
-moz-border-radius: 7px !important;
-webkit-border-radius: 7px !important;
}
/*Закругление меню и полей ввода данных*/
.group_wiki_hider, a.profile_info_link, .selector_dropdown, .selector_table, #profile_editor, .selector, #page_body, #editor, .events_list_search, input.text, input.search, textarea, input.big_text, #wrap1, #wrap2, #wrap3, .summary_tabs , .audio_search, .video_search, #header, #header_wrap1, .video_layout .side_panel, .full_wall_tabs, .t_bar, .settings_view_as_text, #friends .side_panel, #friends #s_search, #main_feed .feed_post_field_wrap #submit_post_box textarea#post_field, .wall_module .mention_rich_ta, .left_box, #settings_panel, .audio_table .side_panel, #profile, .wall_module .reply_fakebox, .reply_field_wrap {
border-radius: 15px !important;
-o-border-radius: 15px !important;
-moz-border-radius: 15px !important;
-webkit-border-radius: 15px !important;
}
|
Оффлайн
|
|
Нижняя навигация
|
|
Здесь присутствуют: 21 (пользователей: 0 , гостей: 21)
|
|
Ваши права в разделе
|
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения
HTML код Выкл.
|
|
|
Часовой пояс GMT +4, время: 10:59.
|