[ 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)
Большое тебе человеческое спасибо!) Пользуюсь всеми:) здоровья и успеха тебе:)

Спасибо ))

Владик Мигунов 07.09.2014 01:18

А у меня не нажимается кнопка "Применить" :(

verazub 08.09.2014 00:45

Цитата:

Сообщение от Владик Мигунов (Сообщение 67022)
А у меня не нажимается кнопка "Применить" :(

Этот вопрос не ко мне, http://vkopt.net/forum/showthread.php?t=6

sasha19911 19.09.2014 11:19

может есть код делающий полностью прозрачным меню новостей ? !

verazub 19.09.2014 11:46

Цитата:

Сообщение от sasha19911 (Сообщение 67078)
может есть код делающий полностью прозрачным меню новостей ? !

сделай скрин что надо сделать прозрачным

sasha19911 19.09.2014 12:16

Вложений: 1
Цитата:

Сообщение от verazub (Сообщение 67079)
сделай скрин что надо сделать прозрачным

вот))и была одна мысль :сдвинуть вправо левое меню !?

sasha19911 29.09.2014 00:25

так что, ничего нельзя придумать ?!

Королев 04.10.2014 16:49

Код:

#page_header .left{width:48px!important;background:url(http://soc-bok.96.lt/logo2.gif?1) 0 -1px!important}
#top_logo_down{background:#4E729A url(http://soc-bok.96.lt/logo2.gif?1) -4px 0!important}

Логотип ВК, как в 2008-2010 годах :)

verazub 29.11.2014 06:20

вер.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;
}

Не группировать, подряд отправленные сообщения в диалогах

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

Изменил "Добавить к сообщениям в диалоге кнопку «Ответить»"
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;
}


verazub 01.12.2014 08:17

вер.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;
}


verazub 01.12.2014 21:39

Сырая, очень сырая, версия нового дизайна Шапки Это всего лишь слухи . нашли ошибку баг скрин!

http://savepic.net/6249621.png
Код:

#page_header .back {
    position: fixed !important;
    top: 0px;
    left: 0px;
    height: 50px !important;
    background: #567ca4 !important;
    z-index: 500 !important;
}
#page_header {
    height: 50px !important;
}
#page_header .right {
    display: none !important;
}
#fmenu, #stl_left {
    top:50px!important;
}
#page_header .content {
    position: fixed !important;
    width: 791px !important;
    height: 50px !important;
    z-index: 500 !important;
}
.head_nav {
    padding:0px!important;
}
.head_nav a.top_nav_link {
    color: #FFFFFF!important;
    height: 50px!important;
    line-height: 47px!important;
    font-size: 13px!important;
    padding: 0px 15px!important;
    text-shadow:0px!important;
    font-weight: normal!important
}
.head_nav a.top_nav_link:hover, .head_nav a.top_nav_link.over, #top_back_link:hover {
    background-color: rgba(107, 138, 172, 0.9)!important;
}
#head_play_btn {
    top: 13px!important;
}
.head_nav a.top_nav_link#head_music {
    padding-right: 36px!important
}
.head_nav a.top_nav_link span#head_music_text {
    color: #fff!important;
}
#page_header .left {
    width: 146px!important;
    height: 50px!important;
    background: url(/images/logo_vk_white.png) 0px 13px no-repeat!important;
    z-index: 500;
    position: fixed!important;
    left: inherit!important;
}
.top_home_link {
    height: 50px!important;
    z-index: 503;
}
#top_logo_down {
    width: 146px!important;
    height: 50px!important;
    background:#567ca4 url(/images/logo_vk_white.png) 0px 15px no-repeat!important;
    margin: 0px!important;
}
#ts_wrap {
    left: 146px!important;
    height: 50px!important;
}
#head_play_btn {
    background: url(/images/icons/audio_iconsf.png) no-repeat -144px -25px!important
}
a:hover #head_play_btn.playing, a.over #head_play_btn.playing {
    background-position: -162px -25px!important;
}
#top_back_link {
    padding-left: 25px!important;
    background: url(/images/backlink.gif?4) no-repeat left -80px!important;
}
#ts_wrap .input_back_content {
    padding: 14px 8px!important;
}
input.text, input.search, textarea, input.big_text, input.dark {
    background: #FFF;
    color: #000;
    border: 1px solid #C3CBD4;
    padding: 3px;
    margin: 0px;
}
#ts_input {
    border: 0px!important;
    outline: none!important;
    padding: 7px 7px 7px 27px!important;
    margin: 11px 0px!important;
    height: 14px!important;
    width: 136px!important;
    -webkit-border-radius: 14px!important;
    -khtml-border-radius: 14px!important;
    -moz-border-radius: 14px!important;
    border-radius: 14px!important;
    -moz-transition: background-color 0.05s, color 0.05s!important;
    -webkit-transition: background-color 0.05s, color 0.05s!important;
    -o-transition: background-color 0.05s, color 0.05s!important;
    transition: background-color 0.05s, color 0.05s!important;
    font-size: 13px!important;
    font-family: Tahoma, Geneva, sans-serif, arial, verdana!important;
    background: #4b6d94 url(/images/icons/dev_head_magglass.png) 8px 8px no-repeat!important;
    color: #d9e2ec!important;
}
div.ts_input_wrap {
    top: 0px!important;
    margin-top: 0px!important;
    padding: 0px!important;
}
div.ts {
    background-color: rgba(255, 255, 255, 0)!important;
}
#ts_wrap, div.ts_input_wrap {
    width: 170px!important;
}
input#ts_input:focus {
    background-color: #ffffff!important;
    color: #2b2f33!important;
}
#ts_wrap .input_back {
    margin: 1px!important;
    padding: 2px 41px 3px 18px!important;
    font-size: 13px!important;
    color: #92adc8!important;
    font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans!important;
}
#gp {
    top: 59px !important;
}
#pad_wrap {
    top: 50px !important;
}
#ts_cont_wrap {
    top: 58px!important;
}

#pg_fixed {
top: 60px!important;
}


IkaR49 02.12.2014 00:33

verazub,не очень красивое местоположение полосы загрузки при нажатии на кнопку музыки:
http://ipic.su/img/img7/fs/kiss_439kb.1417469647.png

Добавлено через 2 минуты
это баг или фича, что при открытии всплывающих окон пропадают все элементы в шапке?
http://ipic.su/img/img7/fs/kiss_194kb.1417469813.png

Добавлено через 6 минут
причём это наблюдается не со всеми всплывающими окнами...

Добавлено через 9 минут
Пока что больше сломать не получилось. Мне нравится :az:

verazub 02.12.2014 05:34

Цитата:

Сообщение от IkaR49 (Сообщение 67477)
verazub,не очень красивое местоположение полосы загрузки при нажатии на кнопку музыки:

Сырая версия пофиксил и посмотри по поводу wiki страниц у меня все нормально просто z-index поставил больше

Код:

#page_header .back {
    position: fixed !important;
    top: 0px;
    left: 0px;
    height: 50px !important;
    background: #567ca4 !important;
    z-index: 1001 !important;
}
#page_header {
    height: 50px !important;
}
#page_header .right {
    display: none !important;
}

#stl_left {
    top:50px!important;
}

#fmenu {
    top:50px!important;
}

#stl_side {
    margin-top:50px
}

#page_header .content {
    position: fixed !important;
    width: 791px !important;
    height: 50px !important;
    z-index: 1001 !important;
}
.head_nav {
    padding:0px!important;
}
.head_nav a.top_nav_link {
    color: #FFFFFF!important;
    height: 50px!important;
    line-height: 47px!important;
    font-size: 13px!important;
    padding: 0px 15px!important;
    text-shadow:0px!important;
    font-weight: normal!important
}
.head_nav a.top_nav_link:hover, .head_nav a.top_nav_link.over, #top_back_link:hover {
    background-color: rgba(107, 138, 172, 0.9)!important;
}
#head_play_btn {
    top: 13px!important;
}
.head_nav a.top_nav_link#head_music {
    padding-right: 36px!important
}
.head_nav a.top_nav_link span#head_music_text {
    color: #fff!important;
}
#page_header .left {
    width: 146px!important;
    height: 50px!important;
    background: url(/images/logo_vk_white.png) 0px 13px no-repeat!important;
    z-index: 1001 !important;
    position: fixed!important;
    left: inherit!important;
}
.top_home_link {
    height: 50px!important;
    z-index: 1003 !important;
}
#top_logo_down {
    width: 146px!important;
    height: 50px!important;
    background:#567ca4 url(/images/logo_vk_white.png) 0px 15px no-repeat!important;
    margin: 0px!important;
}
#page_header .left:before{content:"ВКонтакте";color: #FFFFFF;display: block;height: 50px;line-height: 48px;font-size: 13px;font-weight: bold;padding-left: 55px;padding-right: 10px;}
#top_logo_down:before{content:"ВКонтакте";color: #FFFFFF;display: block;height: 50px;line-height: 48px;font-size: 13px;font-weight: bold;padding-left: 55px;padding-right: 10px;}

#ts_wrap {
    left: 146px!important;
    height: 50px!important;
}
#head_play_btn {
    background: url(/images/icons/audio_iconsf.png) no-repeat -144px -25px!important
}
a:hover #head_play_btn.playing, a.over #head_play_btn.playing {
    background-position: -162px -25px!important;
}
#top_back_link {
    padding-left: 25px!important;
    background: url(/images/backlink.gif?4) no-repeat left -80px!important;
}
#ts_wrap .input_back_content {
    padding: 14px 8px!important;
}
input.text, input.search, textarea, input.big_text, input.dark {
    background: #FFF;
    color: #000;
    border: 1px solid #C3CBD4;
    padding: 3px;
    margin: 0px;
}
#ts_input {
    border: 0px!important;
    outline: none!important;
    padding: 7px 7px 7px 27px!important;
    margin: 11px 0px!important;
    height: 14px!important;
    width: 136px!important;
    -webkit-border-radius: 14px!important;
    -khtml-border-radius: 14px!important;
    -moz-border-radius: 14px!important;
    border-radius: 14px!important;
    -moz-transition: background-color 0.05s, color 0.05s!important;
    -webkit-transition: background-color 0.05s, color 0.05s!important;
    -o-transition: background-color 0.05s, color 0.05s!important;
    transition: background-color 0.05s, color 0.05s!important;
    font-size: 13px!important;
    font-family: Tahoma, Geneva, sans-serif, arial, verdana!important;
    background: #4b6d94 url(/images/icons/dev_head_magglass.png) 8px 8px no-repeat!important;
    color: #d9e2ec!important;
}
div.ts_input_wrap {
    top: 0px!important;
    margin-top: 0px!important;
    padding: 0px!important;
}
div.ts {
    background-color: rgba(255, 255, 255, 0)!important;
}
#ts_wrap, div.ts_input_wrap {
    width: 170px!important;
}
input#ts_input:focus {
    background-color: #ffffff!important;
    color: #2b2f33!important;
}
#ts_wrap .input_back {
    margin: 1px!important;
    padding: 2px 41px 3px 18px!important;
    font-size: 13px!important;
    color: #92adc8!important;
    font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans!important;
}
#gp {
    top: 59px !important;
}
/*
#pad_wrap {
        top: 50px !important;
}
*/
#ts_cont_wrap {
        top: 58px!important;
}

#pg_fixed {
        top: 60px!important;
}

#pad_wrap.pad_no_fixed {
        top: 56px !important;
}
#pad_wrap.fixed {
        top: 52px !important;
}

#head_music_text img {
        margin-top: 21px !important;
}


IkaR49 02.12.2014 08:49

verazub, для "сырой" она очень хороша. У меня так не получалось :)
P.S. С этой обновой появилось в шапке слово "Вконтакте". А можно его всё-таки убрать, без него симпатичнее было имхо :)
http://ipic.su/img/img7/fs/kiss_3kb.1417499390.png

verazub 02.12.2014 09:48

Цитата:

Сообщение от IkaR49 (Сообщение 67482)
verazub, для "сырой" она очень хороша. У меня так не получалось :)
P.S. С этой обновой появилось в шапке слово "Вконтакте". А можно его всё-таки убрать, без него симпатичнее было имхо :)
http://ipic.su/img/img7/fs/kiss_3kb.1417499390.png

Удали эти строчки
Код:

#page_header .left:before{content:"ВКонтакте";color: #FFFFFF;display: block;height: 50px;line-height: 48px;font-size: 13px;font-weight: bold;padding-left: 55px;padding-right: 10px;}
#top_logo_down:before{content:"ВКонтакте";color: #FFFFFF;display: block;height: 50px;line-height: 48px;font-size: 13px;font-weight: bold;padding-left: 55px;padding-right: 10px;}

Все равно сырая версия, позже кину еще пару кодов, кстате что там с wiki страницами проверял исправилось?

IkaR49 02.12.2014 13:40

verazub, нет, всё так же. Это наблюдается:
1. Когда открываешь список вики-страниц группы
2. Когда на стене нажимаешь на время поста (то есть пост открывается в окне поверх страницы)

Вроде бы где-то ещё, но сейчас не могу сказать: в универе интернет тупит и всё лагает.

IkaR49 02.12.2014 23:05

Стоит немного увеличить отступ от шапки:
http://ipic.su/img/img7/fs/kiss_5kb.1417550711.png

verazub 02.12.2014 23:55

Цитата:

Сообщение от IkaR49 (Сообщение 67485)
Стоит немного увеличить отступ от шапки:
http://ipic.su/img/img7/fs/kiss_5kb.1417550711.png

Код:

/* Фикс только для «firefox» edit 3:29 03.12.2014 */
@-moz-document domain("vk.com") {
        .im_fixed_nav #side_bar,
        .audio_fixed_nav #side_bar { /*левое меню */
                top: 50px !important;
        }
        .im_fixed_nav #im_nav_wrap,
        .audio_fixed_nav #ac { /* контент */
                top: 50px !important;
        }
        .im_fixed_nav #right_bar,
          .audio_fixed_nav #right_bar { /*правый бар */
                top: 55px !important;
        }
        #audio_wrap.audio_wrap,
        #audios_list.audios_list { /* аудио смешение фикс */
                margin-top: 10px;
        }
}


verazub 04.12.2014 16:52

Новые элементы выделения

http://savepic.net/6272254.png
Код:

.checkbox div {
        background: url('/images/icons/dev_check.png') 0px 0px no-repeat !important;
        background-size: 14px 70px !important;
}
.checkbox:hover div {
        background-position: 0px -28px !important;
}
.checkbox.disabled:hover div {
        background-position: 0px 0px !important;
}
.checkbox.on div {
        background-position: 0px -14px !important;
}
.checkbox.on:hover div {
        background-position: 0px -42px !important;
}
.checkbox.disabled.on:hover div {
        background-position: 0px -14px !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: transparent url('/images/icons/dev_check.png') 0px 0px no-repeat !important;
        background-size: 14px 70px !important;
}
.checkbox_container table td .checkbox_on {
        background-position: 0 -14px!important;
}
.checkbox_container table td .checkbox_off_over {
        background-position: 0px -42px!important;
}
.checkbox_container table td .checkbox_on_over {
        background-position: 0 -42px!important;
}
.checkbox_container.disabled td.checkbox div.checkbox_on_over {
        background-position: 0 -14px !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;
}
.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 06.12.2014 23:54

новые элементы навигации вверх, вниз и назад на страницах

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


clubfan 07.12.2014 01:04

Цитата:

Сообщение от verazub (Сообщение 67518)
новые элементы навигации вверх, вниз и назад на страницах

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


скажите пожалуйста а вы можете сделать вот такие кнопки уж больно сильно нужны
вот скриншот что имееться ввиду:
http://p1.pichost.me/640/68/1932382.png
http://pichost.me/1932382/

verazub 07.12.2014 10:40

Цитата:

Сообщение от clubfan (Сообщение 67519)
скажите пожалуйста а вы можете сделать вот такие кнопки уж больно сильно нужны
вот скриншот что имееться ввиду:
http://p1.pichost.me/640/68/1932382.png
http://pichost.me/1932382/

надо переписывать vk_media.js в вкопте. без этого нет возможности реализации...

clubfan 07.12.2014 11:10

А так это значит возможно сделать в VKoptim?

verazub 07.12.2014 11:19

Цитата:

Сообщение от clubfan (Сообщение 67521)
А так это значит возможно сделать в VKoptim?

В vkopt да, но я не разбираюсь в js

daniilak 14.12.2014 14:06

Убрать комментарии
Код HTML:

div.replies{display:none!important}
https://pp.vk.me/c625116/v625116984/...b4yMU89TH0.jpg

Добавлено через 4 минуты
Изменить имя в списке друзей
Код HTML:

#user_block123456 > div.info.fl_l > div.friends_field> :nth-child(1) > b {display:none!important}
#user_block123456 > div.info.fl_l > div.friends_field > a:before{content:"Имя"; font-weight: bold; }

https://pp.vk.me/c625116/v625116984/...GmGQnPCdwc.jpg

Вместо 123456 подставляете значения id.
пример user_block277940442
Вместо Имя -текст любой

[ru]letik 15.12.2014 19:13

Баг новой шапки
 
При изменении языка на дореволюционный кнопки и надписями залезают по поле ввода

verazub 16.12.2014 02:43

Цитата:

Сообщение от [ru]letik (Сообщение 67578)
При изменении языка на дореволюционный кнопки и надписями залезают по поле ввода

Добавить в конце кода
Код:

.head_nav a.top_nav_link {
 padding: 0px 10px 0px!important;
}


verazub 19.12.2014 14:56

«новые элементы выделения»
смотрите первый пост, исправил ошибки, размер картинки изменил с 70 до 75, при наведении на иконку не отображается галочка, только если кликнул и добавил если сделан репост комментария оригинальная галка, короче пользуйтесь, вам все равно :-D

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


димаплз 03.02.2016 20:46

помогите
 
как перенести кнопочку сообщения в шапку контакта,
все уже перепробывал. у меня истерика ща в монитор бахну со психу!:):):) и не буду психовать !

verazub 07.02.2016 22:56

Кнопка сообщения в hidere
 
Цитата:

Сообщение от димаплз (Сообщение 69441)
как перенести кнопочку сообщения в шапку контакта,
все уже перепробывал. у меня истерика ща в монитор бахну со психу!:):):) и не буду психовать !

элементарно, но скрыта кнопка Люди и проблема на странице с приложениями.

Код:

#l_msg {
    position: absolute;
    left: 350px;
    top: 0px;
    z-index: 500;
}
#side_bar ol li#l_msg .left_row {
    display: block;
    padding: 12px 10px 15px;
    height: 13px;
    margin: 0px;
    font-weight: bold;
    font-size: 0px;
    color: #E8EFF7;
    text-shadow: 0px 1px 0px #4e7097;
    white-space: nowrap;
    background: transparent;
    -webkit-font-smoothing: antialiased;
    text-transform: lowercase;
}
.im_fixed_nav #side_bar ol li#l_msg .left_row,
.audio_fixed_nav #side_bar ol li#l_msg .left_row{
    position: fixed;
    top: 0px;
}
#side_bar ol li#l_msg .left_row:hover {
background-color: rgba(0, 31, 64, 0.17);
    color: #FFF;
    text-decoration: none;
    border-radius: 0px;
}
#side_bar #l_msg .left_label {
    padding: 0px;
    height: auto
}
#side_bar ol li#l_msg .left_row .left_count_pad,
#head_people,
#vkm_im{
    display: none !important
}
.im_fixed_nav #side_bar,
.audio_fixed_nav #side_bar{
    z-index: 120;
}
#side_bar ol li#l_msg .left_row:hover {
background-color: rgba(0, 31, 64, 0.17);
    color: #FFF;
    text-decoration: none;
    border-radius: 0px;
}
#side_bar ol li#l_msg .left_row:active {
  padding-top: 13px;
  padding-bottom: 14px;
}
#side_bar #l_msg .left_label:before {
    content: "сообщения";
    font-size: 11px !important;
}


димаплз 09.02.2016 13:41

Цитата:

Сообщение от verazub (Сообщение 69469)
элементарно, но скрыта кнопка Люди и проблема на странице с приложениями.

Код:

#l_msg {
    position: absolute;
    left: 350px;
    top: 0px;
    z-index: 500;
}
#side_bar ol li#l_msg .left_row {
    display: block;
    padding: 12px 10px 15px;
    height: 13px;
    margin: 0px;
    font-weight: bold;
    font-size: 0px;
    color: #E8EFF7;
    text-shadow: 0px 1px 0px #4e7097;
    white-space: nowrap;
    background: transparent;
    -webkit-font-smoothing: antialiased;
    text-transform: lowercase;
}
.im_fixed_nav #side_bar ol li#l_msg .left_row,
.audio_fixed_nav #side_bar ol li#l_msg .left_row{
    position: fixed;
    top: 0px;
}
#side_bar ol li#l_msg .left_row:hover {
background-color: rgba(0, 31, 64, 0.17);
    color: #FFF;
    text-decoration: none;
    border-radius: 0px;
}
#side_bar #l_msg .left_label {
    padding: 0px;
    height: auto
}
#side_bar ol li#l_msg .left_row .left_count_pad,
#head_people,
#vkm_im{
    display: none !important
}
.im_fixed_nav #side_bar,
.audio_fixed_nav #side_bar{
    z-index: 120;
}
#side_bar ol li#l_msg .left_row:hover {
background-color: rgba(0, 31, 64, 0.17);
    color: #FFF;
    text-decoration: none;
    border-radius: 0px;
}
#side_bar ol li#l_msg .left_row:active {
  padding-top: 13px;
  padding-bottom: 14px;
}
#side_bar #l_msg .left_label:before {
    content: "сообщения";
    font-size: 11px !important;
}



спасибо огромное
хмм, а что за глюки можно поподробнее, а то еще не заметил.


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

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

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