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