|
26.04.2014
|
|
Знаток
О пользователе
Сообщений: 58
ВкоптоКарма: 29
[#1]
|
CSS твики от меня
Инструкция по установке CSS-твиков:- Заходим в менеджер тем ВкОпта: http://vk.com/settings?skinman
- Нажимаем кнопку "Установить CSS-код" (смотрим внимательно, кнопка сверху)
- Вставляем код твика и нажимаем "Применить"
- Перезагружаем страницу для просмотра результата
убираем рекламный блок на страницах «Объявления»
Код:
#left_ads{display:none!important}
убираем рекламный блок в новостях «Рекомендованные игры»
Код:
.ads_ads_news_wrap{display:none!important}
убираем рекламный блок в группах «Популярные сообщества»
Код:
#group_recom_wrap{display:none!important}
убираем в меню приставки «Мои»
Код:
#myprofile>.left_label,#l_fr>a>.left_label,#l_ph>a>.left_label,#l_vid>a>.left_label,#side_bar ol>li>a[href*="audio"]>.left_label,#l_msg>a>.left_label,#l_gr>a>.left_label,#side_bar ol>li>a[href*="feed"]>.left_label,#side_bar ol>li>a[href*="/feed?section=notifications"]>.left_label,#side_bar ol>li>a[href*="fave"]>.left_label,#l_set>a>.left_label,#l_ap>a>.left_label,#side_bar ol>li>a[href*="docs"]>.left_label,#side_bar ol>li>a[href*="settings?act=vkopt"]>.left_label{overflow:hidden;width:0;height:11px!important}
#side_bar>ol>li>a>.left_label:before{position:absolute}
#myprofile>.left_label:before{content:"Страница";position:absolute}
#l_fr>a>.left_label:before{content:"Друзья"}
#l_ph>a>.left_label:before{content:"Фотографии"}
#l_vid>a>.left_label:before{content:"Видеозаписи"}
#side_bar ol>li>a[href*="audio"]>.left_label:before{content:"Аудиозаписи"}
#l_msg>a>.left_label:before{content:"Сообщения"}
#l_gr>a>.left_label:before{content:"Группы"}
#side_bar ol>li>a[href*="feed"]>.left_label:before{content:"Новости"}
#side_bar ol>li>a[href*="/feed?section=notifications"]>.left_label:before{content:"Ответы"}
#side_bar ol>li>a[href*="fave"]>.left_label:before{content:"Закладки"}
#l_set>a>.left_label:before{content:"Настройки"}
#l_ap>a>.left_label:before{content:"Приложения"}
#side_bar ol>li>a[href*="docs"]>.left_label:before{content:"Документы"}
#side_bar ol>li>a[href*="settings?act=vkopt"]>.left_label:before{content:"Оптимизация ВК"}
Код:
div.more_div{display:none!important}
Код:
#page_header .left{width:48px!important;background:url(/images/hatf_vk.gif?1) 0 -1px!important}
#top_logo_down{background:#4E729A url(/images/hatf_vk.gif?1) -4px 0!important}
плавная подсветка сообщения в диалогах при наведение
Код:
.im_out,.im_in{-o-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.im_out:hover,.im_in:hover{background:#EDF1F5!important}
.im_important_toggler{background-color:rgba(255,255,255,0)!important}
меняем местами профиль и стену
Код:
#profile_wide {float: left !important}
#profile_narrow {float: right !important}
#profile .narrow_column .module_body{border-left:1px solid #f1f1f1!important;border-right:none!important}
Код:
.emoji_tt_wrap{width:591px!important;margin-top:-222px!important;right:18px!important}
.emoji_rpointer{bottom:-49px!important;left:447px!important}
.emoji_list{width:575px!important;height:172px!important}
.emoji_expand_shadow_top,.emoji_expand_shadow{width:575px!important}
.emoji_bg{margin:-4px 0px 0px -3px!important}
ОБНОВЛЕНО ОТ 28.11.14
Код:
.im_gift, .sticker_img{width:16px!important;height:16px!important}
.im_sticker_row{padding:0!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 {
display: block !important;
}
.im_important_toggler {
margin-top: -2px !important;
}
.im_log_check {
margin-top: 9px !important;
}
.im_log_act, .im_log_author, .im_log_body, .im_log_date, .im_log_rspacer {
border-top: 5px solid #fff !important;
}
ОБНОВЛЕНО ОТ 01.11.14
вер.1 Изменил Опцию Vkopt «Подгружать в альбомах количество лайков и комментариев к фото»
Код:
.vk_ph_info {
padding: 5px 0 0 0!important;
}
.vk_ph_info .info_wrap {
background: rgba(0, 0, 0, 0.5) !important;
padding: 5px 6px !important;
box-shadow: none !important;
}
.vk_ph_info .vk_like_icon_white, .vk_comm_icon_white {
opacity: 1 !important;
}
.vk_comm_icon_white {
background: url('http://savepic.net/6274359.png') 0px -11px no-repeat !important;
background-size: none !important;
height: 10px !important;
width: 11px !important;
}
.vk_like_icon_white {
background: url('http://savepic.net/6274359.png') 0px -1px no-repeat !important;
background-size: none !important;
height: 10px !important;
width: 11px !important;
}
вер.2 Изменил Опцию Vkopt «Подгружать в альбомах количество лайков и комментариев к фото»"
Код:
.vk_ph_info .info_wrap {
background: none !important;
border-radius: 0px !important;
box-shadow: none !important;
padding :0px !important;
}
.vk_ph_info .vk_like_icon_white, .vk_comm_icon_white {
opacity: 1 !important;
}
.vk_ph_info {
min-height: 19px !important;
background: rgba(0,0,0,0.5) !important;
padding: 4px 0px 0px !important;
border-radius: 0px !important;
}
.vk_comm_icon_white {
background: url('http://savepic.net/6274359.png') 0px -11px no-repeat !important;
background-size: none !important;
height: 10px !important;
width: 11px !important;
}
.vk_like_icon_white {
background: url('http://savepic.net/6274359.png') 0px -1px no-repeat !important;
background-size: none !important;
height: 10px !important;
width: 11px !important;
}
Изменил Опцию Vkopt "Добавить к сообщениям в диалоге кнопку «Ответить»"
Код:
.im_log_date .opacity_anim {
-webkit-transition: opacity 0ms!important;
-moz-transition: opacity 0ms!important;
-o-transition: opacity 0ms!important;
transition: opacity 0ms!important;
}
.vk_im_reply {
width: 12px;
height: 20px;
margin-left: -34px !important;
margin-top: -2px !important;
}
.vk_repost_icon {
background: url('http://savepic.net/6262070.png') -12px -13px no-repeat !important;
margin-top: 2px;
width: 12px !important;
height: 14px !important;
opacity: 0.6;
}
.vk_repost_icon:hover {
background: url('http://savepic.net/6262070.png') -12px 0px no-repeat !important;
opacity: 1;
}
вер.3 Изменил Опцию Vkopt «Подгружать в альбомах количество лайков и комментариев к фото»"
Код:
.vk_ph_info .info_wrap {
background: none !important;
border-radius: 0px !important;
box-shadow: none !important;
padding :0px !important;
}
.vk_ph_info .vk_like_icon_white, .vk_comm_icon_white {
opacity: 1 !important;
}
.vk_ph_info {
margin-top: 64px;
min-height: 19px !important;
background: rgba(0,0,0,0.5) !important;
padding: 4px 0px 0px !important;
border-radius: 0px !important;
}
.vk_comm_icon_white {
background: url('http://savepic.net/6274359.png') 0px -11px no-repeat !important;
background-size: none !important;
height: 10px !important;
width: 11px !important;
}
.vk_like_icon_white {
background: url('http://savepic.net/6274359.png') 0px -1px no-repeat !important;
background-size: none !important;
height: 10px !important;
width: 11px !important;
}
скрыть «большой лайк, на фото»
Код:
#pv_hh {
display: none !important;
}
ДОБАВЛЕНО ОТ 07.12.14
новые элементы навигации вверх, вниз и назад на страницах
Код:
#stl_bg {
padding-top: 13px !important;
width: 114px !important;
}
#stl_text {
height: 15px !important;
color: #466a94 !important;
font-size: 12px !important;
margin: 0 0 0 19px !important;
padding: 0px 24px !important;
background: url('/images/dev_toplink.png') no-repeat left 0px !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
.stl_active.over_fast #stl_bg {
background-color: #dce2e8 !important;
}
#stl_left .down {
background-position: left -15px !important;
}
#stl_left .back {
background-position: left -30px !important;
}
ОБНОВЛЕНО ОТ 19.12.14
Код:
.checkbox div {
background: url(/images/icons/dev_check.png) 0px 0px no-repeat !important;
background-size: 15px 75px !important;
height: 15px !important;
}
.checkbox:hover div {
background-position: 0px -30px !important;
}
.checkbox.disabled:hover div {
background-position: 0px 0px !important;
}
.checkbox.on div {
background-position: 0px -15px !important;
}
.checkbox.on:hover div {
background-position: 0px -45px !important;
}
.checkbox.disabled.on:hover div {
background-position: 0px -15px !important;
}
.checkbox_container table td .checkbox_on,
.checkbox_container table td .checkbox_off,
.checkbox_container table td .checkbox_on_over,
.checkbox_container table td .checkbox_off_over {
background: url(/images/icons/dev_check.png) 0px 0px no-repeat !important;
background-size: 15px 75px !important;
height: 15px !important;
}
.checkbox_container table td .checkbox_on {
background-position: 0 -15px!important;
}
.checkbox_container table td .checkbox_off_over {
background-position: 0px -30px!important;
}
.checkbox_container table td .checkbox_on_over {
background-position: 0 -45px!important;
}
.checkbox_container.disabled td.checkbox div.checkbox_on_over {
background-position: 0 -15px !important;
}
.checkbox_container.disabled td.checkbox div.checkbox_off_over {
background-position: 0 0 !important;
}
.like_tt .bottom .checkbox div { /* для репоста */
background: url(/images/icons/like_icons_bl.png) -2px 0 no-repeat !important;
width: 14px !important;
height: 12px !important;
}
.like_tt .bottom .on div { /* для репоста, репост сделан */
background: url(/images/icons/like_icons_bl.png) -2px -15px no-repeat !important;
width: 15px !important;
height: 12px !important;
}
.radiobtn div {
background: url(/images/icons/dev_radio.png) 0px 0px no-repeat !important;
background-size: 14px 70px !important;
}
.radiobtn div,
.radiobtn_container table td .radiobtn_on div,
.radiobtn_container table td .radiobtn_off div,
.radiobtn_container table td .radiobtn_on_over div,
.radiobtn_container table td .radiobtn_off_over div {
background: url(/images/icons/dev_radio.png) 0px 0px no-repeat !important;
background-size: 14px 70px !important;
}
.radiobtn:hover div {
background-position: 0px -28px !important;
}
.radiobtn.disabled:hover div {
background-position: 0px 0px !important;
}
.radiobtn_hover div {
background-position: 0px -28px !important;
}
.radiobtn.on div {
background-position: 0px -14px !important;
}
.radiobtn.on:hover div {
background-position: 0px -42px !important;
}
.radiobtn.disabled.on:hover div {
background-position: 0px -14px !important;
}
.radiobtn.on.radiobtn_hover div {
background-position: 0px -42px !important;
}
Последний раз редактировалось verazub; 19.12.2014 в 14:57.
|
Оффлайн
|
|
3 пользователя(ей) сказали cпасибо:
|
|
Нижняя навигация
|
|
Здесь присутствуют: 2 (пользователей: 0 , гостей: 2)
|
|
Ваши права в разделе
|
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения
HTML код Выкл.
|
|
|
Часовой пояс GMT +4, время: 19:20.
|