[ VKontakte Optimizer ]
Имя
Пароль




Забыли пароль? Регистрация
Вернуться   [ VKontakte Optimizer ] > Прочее > В Контакте | Оформление
Важная информация

Ответ
 
Опции темы Опции просмотра Вложений: 17
IkaR49
06.06.2011
 
 
Аватар для IkaR49
Опытный
О пользователе
 
Сообщений: 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.




Белый/Тёмный фон и увеличение окна выбора смайлов

Изменение названий пунктов в левом меню

Изменение шрифта сайта

Увеличить размер миниатюр в списке документов

Перенос списка открытых вкладок диалогов вправо

Мини-чат с закосом под metro






Знаете что-то сами: пишите. Я так же буду рыться и искать

P.S.
Инструкция по установке CSS-кодов
  • Заходим в менеджер тем ВкОпта: http://vk.com/settings?skinman
  • Нажимаем кнопку "Установить CSS-код" (сверху)
  • Вставляем код твика и нажимаем "Применить"
  • Перезагружаем страницу для просмотра результата

Последний раз редактировалось vladsima; 14.07.2013 в 23:12. Причина: up
Оффлайн
 
Ответить с цитированием
KiberПсих
20.07.2015
 
 
Аватар для KiberПсих
Разработчик
О пользователе
 
Сообщений: 1,537
ВкоптоКарма: 2,663


[#701]
По умолчанию

SmowiN, за диалоги отвечает блок ближе к концу стиля, там много селекторов начинающихся на .im_
Оффлайн
 
Ответить с цитированием
Саша Толмачёв
22.07.2015
 
 
Аватар для Саша Толмачёв
Знаток
О пользователе
 
Сообщений: 49
ВкоптоКарма: 2


[#702]
По умолчанию

Пацаны, кто поможет? В основном всегда нужно, чтоб было видна дата регистрации-фейков так легче видно. Кто сможет выдрать скрипт из расширения vk update https://chrome.google.com/webstore/d...pkipclaf?hl=ru
Оффлайн
 
Ответить с цитированием
Руслан Гаскаров
26.07.2015
 
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 8
ВкоптоКарма: 0

Google Chrome 43.0.2357.124 (Win8.1)

[#703]
По умолчанию

Цитата:
Сообщение от SmowiN Посмотреть сообщение
неплохая реализация диалогов
Прототип дизайна
но со всего скрипта не могу понять что отвечает за диалог
Обалденный "диалог"! Я себе поставил вместе с ВкОпт. Спасибо тебе! Иначе я бы не увидел такого)
Оффлайн
 
Ответить с цитированием
Саша Толмачёв
01.08.2015
 
 
Аватар для Саша Толмачёв
Знаток
О пользователе
 
Сообщений: 49
ВкоптоКарма: 2


[#704]
По умолчанию

Цитата:
Сообщение от Руслан Гаскаров Посмотреть сообщение
Обалденный "диалог"! Я себе поставил вместе с ВкОпт. Спасибо тебе! Иначе я бы не увидел такого)
Как ты это поставил с вкопт? Они конфликтуют! Скиньте css пожалуйста с диалогов))
Оффлайн
 
Ответить с цитированием
Orsi
01.08.2015
 
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 15
ВкоптоКарма: 6

Mozilla 11.0 (Win8.1)

[#705]
По умолчанию

Цитата:
Сообщение от Саша Толмачёв Посмотреть сообщение
Как ты это поставил с вкопт? Они конфликтуют! Скиньте css пожалуйста с диалогов))
Не конфликтуют . Вот только для переписки , правда аватары заменены на квадратные . Цвета и фон свои подбери .
Вложения
Тип файла: css vkchat.css (9.1 Кб, 65 просмотров)
Оффлайн
 
Ответить с цитированием
Саша Толмачёв
06.08.2015
 
 
Аватар для Саша Толмачёв
Знаток
О пользователе
 
Сообщений: 49
ВкоптоКарма: 2


[#706]
По умолчанию

PHP код:
/* Закругление аватарок, Новый вид диалогов и опросов */
/* -------------------------------------------------- */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ ИНФОРМАЦИЯ ~~~~~~~~~~~~~~~~~~~~~~~~ */
#side_bar {
    
margin-top0px !important;
}
#sideBar { /* старое меню */
    
margin0px !important;
    
padding5px 0 0px 4px !important;
}
.
im_fixed_nav #side_bar, .audio_fixed_nav #side_bar {
    
top40px !important;
}
#stl_bg {
    
padding13px 0 13px !important;
}
.
im_add_row .im_log_author a, .im_add_row .im_log_date span, .im_add_row .im_log_date a.im_date_link, .im_add_row .im_log_author_chat_thumb, .im_add_row .im_log_author_chat_name {
    
displayblock !important;
}
.
im_important_toggler {
    
margin-top: -2px !important;
}
.
im_log_check {
    
margin-top9px !important;
}
.
im_log_act, .im_log_author, .im_log_body, .im_log_date, .im_log_rspacer {
    
border-top5px solid #fff !important;
}
.
im_log_t .im_in,.im_log_t .im_out {
    
display:inline-block!important;
    
padding:0 10px!important;
    
clear:both!important;
    
position:relative!important;
    
width:607px!important;
    
z-index:0!important
}
.
im_log_t .im_log_author {
    
display:inline-block!important;
    
border:none!important;
    
padding:6px 0px!important;
    
z-index:2!important;
    
position:absolute!important;
    
bottom:1px!important
}
.
im_log_t .im_in .im_log_author {
    
float:left!important;
    
clear:left!important;
    
left:10px!important
}
.
im_log_t .im_out .im_log_author {
    
float:right!important;
    
right:10px!important;
    
clear:right!important
}
.
im_log_t .im_log_body {
    
display:inline-block!important;
    
border-top:none!important;
    
border-radius:16px!important;
    
padding:6px 10px!important;
    
width:initial!important;
    
margin:7px!important;
    
line-height:0!important;
    
z-index:3!important
}
.
im_log_t .im_in .im_log_body {
    
float:left!important;
    
margin-left:47px!important;
    
background:#e4f1ff!important;
    
border1px solid #DBE8F7 !important;
}
.
im_log_t .im_out .im_log_body {
    
float:right!important;
    
margin-right:47px!important;
    
background:#f7f8fa!important;
    
border1px solid #EFEFEF !important;
}
.
im_log_t .im_log_date {
    
margin:12px 0 0!important;
    
border:none!important;
    
z-index:4!important
}
.
font_medium .im_log_t .im_log_date {
    
margin14px 0 0!important;
}
.
im_log_t .im_out .im_log_date {
    
float:right!important
}
.
im_log_t .im_in .im_log_date {
    
float:left!important
}
.
im_log_t .im_log_rspacer {
    
position:absolute!important;
    
top:0!important;
    
left:0!important;
    
right:0!important;
    
bottom:0!important;
    
width:initial!important;
    
border:none!important;
    
z-index:-1!important
}
.
im_log_t .im_in .im_important_toggler {
    
margin-left:49px!important;
}
.
font_medium .im_log_t .im_out .im_important_toggler {
    
margin-right:59px!important;
}
.
font_medium .im_log_t .audio .duration{
    
padding7px 7px 7px 0px!important
}
.
im_log_t .im_important_toggler {
    
margin-top:-3px!important;
}
.
im_log_t .im_add_row .im_log_author_chat_name,
.
im_log_t .im_del_row .im_log_date,
.
im_log_t .im_log_act,
.
im_log_t .im_log_author_chat_name,
.
im_single_log_t .im_log_author {
    
display:none!important
}
.
im_del_row td,.im_new_msg .im_log_author,.im_new_msg .im_log_date {
    
background:0 0!important
}
.
im_add_row .im_log_author a,.im_add_row .im_log_author_chat_thumb,.im_add_row .im_log_date a.im_date_link,.im_add_row .im_log_date span {
    
display:block!important
}
.
im_gift_msg .im_important_toggler,.im_new_msg .im_important_toggler,.im_sel_row .im_important_toggler {
    
background-color:transparent!important
}
.
im_log_t .im_msg_text {
    
display:inline-block;
    
width:initial!important;
    
line-height:22px!important;
    
padding-bottom:0!important;
    
max-width:450px!important
}
.
im_log_t .wrapped {
    
width:initial!important;
    
margin:0!important;
    
padding:0!important
}
.
im_log_t .emoji,.im_log_t .emoji_css {
    
vertical-align:middle!important;
    
margin-top:-2px
}
.
im_log_t .wall_module {
    
max-width:450px!important
}
.
im_fwd_log_wrap {
    
min-width:335px!important
}
.
im_fwd_log_author {
    
width:32px!important
}
.
im_add_row .im_important_toggler {
    
margin-top:-3px!important
}
.
wall_module .post_media,.wall_module .post_media .media_desc {
    
padding:0!important
}
.
im_msg_media_doc .media_desc,.post_media {
    
width:initial!important
}
.
im_log_t .page_media_map {
    
margin-bottom:1px!important;
    
margin-top:0!important
}
.
im_log_t .post_video_desc {
    
width:350px!important
}
.
im_fwd_log_wrap .im_log_author_chat_name {
    
display:block!important
}
.
im_fwd_log_wrap .im_fwd_log_wrapped .im_msg_text {
    
display:block!important;
    
line-height:1.182!important
}
.
im_fwd_log_wrap .im_fwd_log_wrapped .post_media {
    
padding-top:0!important
}
.
im_msg_media_doc,.im_msg_media_video {
    
display:block!important
}
.
im_log_t .wall_module .audio {
    
margin-left:0!important
}
.
im_log_t .wall_module .im_msg_media_doc .post_media {
    
padding-bottom:4px!important;
    
margin-top:-1px!important;
    
margin-right:0!important
}
.
im_log_t .page_media_poll {
    
line-height:1.182!important
}
.
im_log_t .wall_module .post_media.post_audio {
    
margin-left:0!important;
    
margin-bottom:4px!important
}
.
im_new_msg {
    
background:#EDF1F5!important
}
.
im_del_row {
    
background:#F4EBD6!important
}
.
im_del_row td {
    
border-bottom:!important
}
.
im_marked_res {
    
padding:11px 0!important
}
.
im_log_t .audio.over .area {
    
border-radius:5px
}
.
im_fwd_log_wrapped .page_post_sized_thumbs {
    
margin:9px 0 0!important
}
.
im_log_t .page_post_sized_thumbs {
    
margin:0!important;
    
border-radius:8px!important
}
.
page_post_video_duration_single {
    
line-height:1.182!important
}
.
im_log_t .page_post_thumb_last_row,
.
im_log_t .page_post_thumb_video,
.
im_log_t .page_post_thumb_wrap {
    
border-radius:8px!important
}
.
im_log_t .audio .area {
    
margin-bottom:0!important
}
.
im_single_log_wrap .im_log_author {
    
display:table-cell!important;
    
position:relative!important
}
.
im_single_log_wrap .im_log_body {
    
display:table-cell!important;
    
background-color:transparent!important
}
.
im_single_log_wrap .im_log_author_chat_name {
    
display:block!important
}
.
im_single_log_wrap .wrapped {
    
line-height:1.182!important
}
.
im_browse_msg_images {
    
margin:4px 0 12px!important
}
.
im_log_t .im_log_body:before {
    
content:'';
    
width:19px;
    
height:18px;
    
position:absolute;
    
bottom:7px;
    
z-index4;
}
.
im_log_t .im_in .im_log_body:before {
    
background:url(http://savepic.net/7040391.png) no-repeat;
    
left:49px
}
.
im_log_t .im_out .im_log_body:before {
    
background:url(http://savepic.net/7037319.png) no-repeat;
    
right:49px;
}
.
is_2x .im_log_t .im_in .im_log_body:before {
    
background:url(http://savepic.net/6380669.png) no-repeat;
    
background-size15px 17px !important;

}
.
is_2x .im_log_t .im_out .im_log_body:before {
    
background:url(http://savepic.net/6368381.png) no-repeat;
    
background-size15px 17px !important;
}
.
im_log_author,.im_log_date {
    
background-color:transparent!important
}
.
im_log_t .im_in .page_media_poll_title {
    
border-bottom:1px solid #C3D1E0!important
}
.
im_log_author_chat_thumb {
    
border-radius:50%!important
}
.
im_sel_row,.im_sel_row .im_log_author,.im_sel_row .im_log_body,.im_sel_row .im_log_date {
    
background#EDF1F5!important
}
.
im_single_log_wrap .im_fwd_log_wrap {
    
min-width100% !important;
}
#im_user_holder img, #im_peer_holders img{
    
border-radius50% !important;
}
.
im_srv_msg_td {
    
border-top0px !important;
}
.
im_chat_event {
    
background-color:transparent!important
}
.
im_wall_log_wrap .im_log_author_chat_name {
    
display:block !important;
}

.
im_wall_log_wrap {
    
line-height1.182 !important;
}
.
im_log_author {
    
padding-right0px !important;
    
width36px !important;
}
img.im_log_author_chat_thumb,
div.im_log_author_chat_thumb {
    
width36px !important;
    
height36px !important;
}
.
im_log_t .im_out .im_log_context {
    
backgroundurl(http://savepic.net/6969934.png) 0px -85px no-repeat !important;
}
.
is_2x .im_log_t .im_out .im_log_context {
    
backgroundurl(http://savepic.net/6966851.png) 0px -85px no-repeat !important;
    
background-size21px 105px !important;
}
.
im_log_context {
    
background-position0px -85px !important;
}
.
im_log_t .im_in .im_log_ract {
    
floatright;
}
.
im_log_t .im_out .im_log_ract {
    
floatleft;
}
/* материалы беседы */
.wk_cont_t .wall_module .post_media {
    
padding6px 0px 4px !important;
}
.
wk_cont_t .wall_module .post_media .media_desc {
    
padding-top8px !important;
}
/* смещение сообщения в групповом чате */
.im_log_t tr.im_chat_event {
    
displaytable-row !important;
}
/* отступ сообщения в групповом чате */
.im_log_t .im_chat_event .wall_module {
    
max-width100% !important;
}
/* отступ сообщения */
.im_log_t .im_srv_msg_td {
    
border-top5px solid #FFF !important;
}
#im_peer_controls table {
    
padding-left59px;
}
#im_user_holder {
    
positionabsolute;
    
right82px;
    
padding-right0px !important;
}
#im_peer_holders {
    
positionabsolute;
    
left67px;
    
padding-left0px !important;
}
#im_user_holder img, #im_peer_holders img{
    
border-radius50% !important;
}
#im_peer_holders {
    
width59px !important;
}
.
im_peer_mini_holder:nth-child(2) {
    
margin-right0px !important;
}
.
vk_im_reply {
    
margin-top0px!important;
    
margin-left71px!important;
}
.
ava img,
.
post_image img,
.
wl_owner_head_img,
.
reply_image,
.
feedback_row_photo img,
.
feedback_group_photo,
.
friends_photo_img,
.
common_friends img,
.
apps_feed_user_img,
.
fans_fan_img,
#pv_author_img,
.pv_thumb img,
.
dialogs_photo img,
.
im_log_author_chat_thumb,
.
dialogs_inline_author,
.
fc_msgs_author,
.
chat_tab_img,
.
fc_contact_photo,
.
search_item_img,
.
reply_form_img,
.
bp_thumb img,
.
blst_img,
.
pad_fr_img,
.
pad_mini_friend,
.
pad_msg_img,
.
pad_nws_img,
.
feed_recom_photo img,
.
ts_contact_photo img,
.
mv_author_img,
.
gift_thumb img,
.
audio_friend_photo,
.
wddi_thumb img,
.
wdd_img,
.
fans_idol_img,
.
thumb img,
.
published_by_photo img,
.
audio_owner_img,
.
audio_owner_info_img,
.
image img,
.
groups_row_img,
.
wk_extpage_owner_thumb,
.
like_tt_stats_photo,
.
wk_likes_liker_img,
.
pad_ap_list_img,
.
apps_wide_img,
.
apps_frtt_img,
.
apps_notify_img,
.
app_settings_image img,
.
im_photo_holder img,
#im_user_holder img,
.pad_msga_img,
.
pad_nwsa_img,
.
gedit_user_img,
.
ba_thumb,
.
im_friend img {
    
border-radius50% !important;
}
.
feedback_row_photo.ta_r img,
.
fl_r.pad_nws_photo img {
    
border-radius0px !important;
}
.
wdd_img_full,
.
wdd_img_half,
.
wdd_img_tiny {
    
box-shadow0px 1px 2px rgba(0000) !important;
}

.
left_count_wrap {
    
padding6px !important;
}
#side_bar ol li .left_row:hover .left_count_wrap {
    
padding7px 6px !important;
}

/* -------------------------------------------------- */ 
Цитата:
Сообщение от Orsi Посмотреть сообщение
Не конфликтуют . Вот только для переписки , правда аватары заменены на квадратные . Цвета и фон свои подбери .
Я ПОПРАВИЛ ТЕБЯ, У МОЕГО CSS ТЕПЕРЬ ЕСТЬ КРУГЛЫЕ АВАТАРКИ

Последний раз редактировалось Саша Толмачёв; 06.08.2015 в 15:36.
Оффлайн
 
Ответить с цитированием
Пользователь сказал cпасибо:
Orsi
06.08.2015
 
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 15
ВкоптоКарма: 6

Mozilla 11.0 (Win8.1)

[#707]
По умолчанию

Саша Толмачёв
Достаточно было снять по краям у 4 блока снизу /* и */
Оффлайн
 
Ответить с цитированием
Прочитанное 06.08.2015
Lukin
Это сообщение было удалено Lukin.
Прочитанное 14.08.2015
maxidax
Это сообщение было удалено maxidax.
CharlieTong
24.08.2015
 
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 1
ВкоптоКарма: 0

Firefox 40.0 (Windows [NT based])

[#708]
По умолчанию

Черканите как поиздеваться над календарем VkOpt?)
Оффлайн
 
Ответить с цитированием
Neon012
24.08.2015
 
 
Аватар для Neon012
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 6
ВкоптоКарма: 0

Google Chrome 44.0.2403.157 (Win7)

[#709]
По умолчанию

Вопрос снят.

Последний раз редактировалось Neon012; 25.08.2015 в 14:30.
Оффлайн
 
Ответить с цитированием
Алексей Королёв
04.09.2015
 
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 2
ВкоптоКарма: 0

Google Chrome 45.0.2454.85 (Win7)

[#710]
По умолчанию

Привет, ребят незнаю как вы создаёте CSS коды
ну вот что то задался такой идеей
вот
<a href="/verify" class="page_verified" onmouseover="pageVerifiedTip(this, {mid: 54290682})"></a>

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

Последний раз редактировалось Алексей Королёв; 04.09.2015 в 03:01.
Оффлайн
 
Ответить с цитированием
Ответ

Нижняя навигация
Вернуться   [ VKontakte Optimizer ] > Прочее > В Контакте | Оформление

Метки
css, твики


Здесь присутствуют: 8 (пользователей: 0 , гостей: 8)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Часовой пояс GMT +4, время: 23:35.

Сервер бесплатных медицинских консультаций
Дачный форум. уДачное общение.

VkOpt 2007 - 2024
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод от zCarot