[ VKontakte Optimizer ]

[ VKontakte Optimizer ] (//vkopt.net/forum/index.php)
-   В Контакте | Оформление (//vkopt.net/forum/forumdisplay.php?f=13)
-   -   CSS твики от меня (//vkopt.net/forum/showthread.php?t=5275)

verazub 26.04.2014 06:31

CSS твики от меня
 
Инструкция по установке CSS-твиков:
  • Заходим в менеджер тем ВкОпта: http://vk.com/settings?skinman
  • Нажимаем кнопку "Установить CSS-код" (смотрим внимательно, кнопка сверху)
  • Вставляем код твика и нажимаем "Применить"
  • Перезагружаем страницу для просмотра результата
убираем рекламный блок на страницах «Объявления»
http://savepic.net/5272418.png
Код:

#left_ads{display:none!important}

убираем рекламный блок в новостях «Рекомендованные игры»
http://savepic.net/5293925.png
Код:

.ads_ads_news_wrap{display:none!important}

убираем рекламный блок в группах «Популярные сообщества»
http://savepic.net/5943115.png
Код:

#group_recom_wrap{display:none!important}

убираем в меню приставки «Мои»
http://savepic.net/5302134.png
Код:

#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:"Оптимизация ВК"}


убираем, бордер в меню
http://savepic.net/5284722.png
Код:

div.more_div{display:none!important}

международный логотип
http://savepic.net/5254003.png
Код:

#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}


плавная подсветка сообщения в диалогах при наведение
http://savepic.net/5287799.gif
Код:

.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}


меняем местами профиль и стену
http://savepic.net/5914322.png
Код:

#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}


расширяем тултип смайлов
http://savepic.net/5900104.png
Код:

.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

стикеры в виде смайлов
http://savepic.net/5258085.png
Код:

.im_gift, .sticker_img{width:16px!important;height:16px!important}
.im_sticker_row{padding:0!important}


не группировать, подряд отправленные сообщения в диалогах
http://savepic.net/6261037.png
Код:

.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 «Подгружать в альбомах количество лайков и комментариев к фото»
http://savepic.net/6245687.png
Код:

.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 «Подгружать в альбомах количество лайков и комментариев к фото»"
http://savepic.net/6242615.png
Код:

.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 "Добавить к сообщениям в диалоге кнопку «Ответить»"
http://savepic.net/6277449.png
Код:

.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 «Подгружать в альбомах количество лайков и комментариев к фото»"
http://savepic.net/6251657.png
Код:

.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;
}


скрыть «большой лайк, на фото»
http://savepic.net/6228105.png
Код:

#pv_hh {
        display: none !important;
}




ДОБАВЛЕНО ОТ 07.12.14

новые элементы навигации вверх, вниз и назад на страницах
http://savepic.net/6286390.png
Код:

#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

новые элементы выделения
http://savepic.net/6272254.png
Код:

.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;
}


VitaliyShayko 26.04.2014 14:03

В «Лисе» логотип
не работает

verazub 26.04.2014 15:05

Цитата:

Сообщение от VitaliyShayko (Сообщение 66094)
В «Лисе» логотип
не работает

Странно у парней спрашивал все работает


Возможно у вас стоит тема или что либо с шапкой сайта?! А так же проревел все скрипты работают в mozille

VitaliyShayko 26.04.2014 15:40

Цитата:

Сообщение от verazub (Сообщение 66097)
Возможно у вас стоит тема или что либо с шапкой сайта?!

Да нет, нету ни темы, ни вмешательств в шапку... Хм, странно. Ладно, буду проверять на совместимость с другими css, может что-то конфликтует.

Кирилл Осадчий 17.05.2014 23:12

Помоги убрать с Левого менню Ссылку на "настройки"

verazub 18.05.2014 06:06

Цитата:

Сообщение от Кирилл Осадчий (Сообщение 66248)
Помоги убрать с Левого менню Ссылку на "настройки"

Код:

#l_set{display:none!important}

Walther 22.05.2014 18:08

А вот небольшие CSS от Walther

Цитата:

qwe

verazub 15.07.2014 00:06

обновил

Руслан Гаскаров 31.08.2014 18:05

Большое тебе человеческое спасибо!) Пользуюсь всеми:) здоровья и успеха тебе:)

verazub 01.09.2014 08:40

Цитата:

Сообщение от Руслан Гаскаров (Сообщение 66976)
Большое тебе человеческое спасибо!) Пользуюсь всеми:) здоровья и успеха тебе:)

Спасибо ))


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

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

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