CSS-твики для vk.

[Partatip]

Partatip отредактировано Partatip

na sprashivai - partatip37

Инструкция по установке css-твиков.

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

[spoiler=Не обрезать миниатюры фотографий на профилях и в группах]Миниатюры фотографий на профилях и в группах немного обрезаются, если они слишком большие по высоте. Этот твик исправит это.

КОД:
/* Не обрезать миниатюры фотографий на профилях и в группах /
#profile_photos .photos a, #group_photos .group_photos_table a {
height: auto !important;
}[/spoiler]
[spoiler=Скрыть кнопку, разворачивающую меню в группах]Скрывает кнопку раскрытия меню в группах.

КОД:
/ Скрыть кнопку, разворачивающую меню в группах /
.group_wiki_hider {
display: none !important;
}[/spoiler]
[spoiler=Скрыть предложение заполнить информацию о профиле]Скрывает блок под аватаркой вашего профиля, предлагающий заполнить информацию о себе.

КОД:
/ Скрыть предложение заполнить информацию о профиле /
.profile_rate_warning {
display: none !important;
}[/spoiler]
[spoiler=Убрать кнопку 'Показать/скрыть подробную информацию']Убирает кнопку показа/скрытия подробной информации о пользователе.

КОД:
/ Убрать кнопку 'Показать/скрыть подробную информацию' /
#profile_full_link, #profile_info_link {
display: none !important;
}[/spoiler]
[spoiler=Сделать менее приметной табличку об изменении номера]Немного уменьшает табличку, которая появляется в шапке сайта при изменении номера мобильного телефона.

КОД:
/ Сделать менее приметной табличку об изменении номера /
.top_info_bar .info {
padding: 0px !important;
}
.top_info_bar {
opacity: 0.4 !important;
}[/spoiler]
[spoiler=Не группировать последовательные сообщения в диалогах]Диалоги перестают группировать подряд идущие сообщения от одного пользователя.

КОД:
/ Не группировать последовательные сообщения в диалогах */
#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;
}[/spoiler]
[spoiler=Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет]Делает верхушку страницы похожей на старую, которая использовалась в интерфейсе ВКонтакте 2009 года.
Возможны три варианта:

1. Простой цвет
   
   КОД:
   /* Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет [1] */
   #header {
   background-color: #f0e8ba !important;
   }
2. Простой градиент
   
   /* Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет [2] */
   #header {
   background-image: url("http://savepic.org/1811154.jpg") !important;
   padding-top: 12px !important;
   }
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;
   }[/spoiler]
   [spoiler=Замена иконкой таблички о вашем текущем 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;
   }[/spoiler]
   [spoiler=Сердечки красного цвета]Делает все сердечки из системы "Мне нравится" красными.
   
   КОД:
   / Сердечки красного цвета */
   .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;
}[/spoiler]
[spoiler=Скрыть надпись 'Мне нравится', скруглить края рамки лайка и сделать сердечко менее заметным]Убирает надпись "Мне нравится" у лайков, оставляя только сердечко и счётчиков лайков, скругляет края рамки у лайков к постам и делает сердечко менее заметным, когда на нём нет наведения указателя мыши.

КОД:
/* Скрыть надпись 'Мне нравится', скруглить края рамки лайка и сделать сердечко менее заметным /
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;
}[/spoiler]
[spoiler=Изменение высоты контакт-листа]Устанавливает указанную высоту для черного окошка со списком друзей.

КОД:
/ Изменение высоты контакт-листа с онлайн пользователями */
#fc_contacts {
height: 252px !important
}[/spoiler]
**Примечание:**сам пользуюсь ими до вас донёс только самое нормальное, а так твики ещё есть...

[Кошак]

Кошак отредактировано

904 таланта

Шта?

[Partatip]

Partatip отредактировано

na sprashivai - partatip37

Zubastik, не понимаешь о чём речь не суйся.

[Мясник]

Мясник отредактировано

Бывалый

это не особо нужно))

[Partatip]

Partatip отредактировано

na sprashivai - partatip37

Мясник, ну я пользуюсь, мне удобней...

[Мясник]

Мясник отредактировано

Бывалый

Partatip, я не чё и не говорю)кому удобней пусть пользуются мне и без этого нормально

[Kent13rus]

Kent13rus отредактировано

Продам голоса по 5 руб

Partatip, вкопт обязателен?

[Partatip]

Partatip отредактировано

na sprashivai - partatip37

KeNt5611, да

[Kent13rus]

Kent13rus отредактировано

Продам голоса по 5 руб

Partatip, понятно

[Pokku]

Pokku отредактировано

Местный

как установить аааааа

[Partatip]

Partatip отредактировано

na sprashivai - partatip37

Pokku, читай 1-й сполйлер

[Partatip]

Partatip отредактировано

na sprashivai - partatip37

Апаю я

[Parlament. 0]

Parlament. 0 отредактировано

100к.465талантов.1ОООрубасов.

Добавил на всякий случай.

[Maxim Bratunets]

Maxim Bratunets отредактировано

Знаток

спс

[Partatip]

Partatip отредактировано

na sprashivai - partatip37

Вверх