[ VKontakte Optimizer ]

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

SkyLoKi 22.06.2016 09:49

[new.vk] Тема Biscaya
 
Вложений: 2

Тема для нового дизайна вк.
Сделал на будущее) Опять таки. Мало ли кому понравится :)

Но не финальная версия в любом случае пока что

Код HTML:

body{
    background: url(http://mihail96321.narod.ru/123/pic7.jpg) 49% 50% no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

/*Шапка
----------------------------*/
#page_header_cont > .back {   
    border-top: 5px solid #F86D18;
    background: #222!important;
    box-shadow: 0 0 2px 1px #222;
    border-bottom: none;
    height:47px
}
#page_header_wrap{margin-top:5px}
#page_header_cont #top_audio_player:hover,
#page_header_cont .top_nav_btn:hover,
#page_header_cont .top_profile_link:hover,
#page_header_cont .active,
#page_header_cont .top_home_link:hover{
    background-color: rgba(0, 0, 0, 0.45);
}

.top_nav_btn#top_notify_btn .top_nav_btn_icon {
    background-position: -65px -23px;
    opacity: 0.5;
}

.top_nav_btn#top_notify_btn:hover .top_nav_btn_icon,
.top_nav_btn#top_notify_btn.active .top_nav_btn_icon  {
    background-position: -65px -23px;
    opacity: 1;
 }
 .top_nav_btn#top_audio .top_nav_btn_icon {
    background-position: -65px -52px;
    opacity: 0.5;
}
 .top_nav_btn#top_audio:hover  .top_nav_btn_icon,
 .top_nav_btn#top_audio.active .top_nav_btn_icon {
    background-position: -65px -52px;
    opacity: 1;
}

input.text.ts_input{
    background-color: rgba(0, 0, 0, 0.54);
}
.input_back_content {
    color: rgba(255, 255, 255, 0.48)!important;
}


/*Левое меню
----------------------------*/
#side_bar > #side_bar_inner {
    padding: 5px 0 0;
        background: #333!important
}
#side_bar > #side_bar_inner > ol {
    position: relative;
    background: #333!important;
    border-radius: 0 0 3px 3px;
    margin: 0 0 0px;
}
#side_bar > #side_bar_inner > ol > li > a{
    border-bottom: 1px solid #545454;
    border-radius: 0!important;
    color: #eee!important;
}

#side_bar > #side_bar_inner > ol > li > a:hover {
  border-left: 2px solid #F86D18;
    margin-left: -2px;
}
#side_bar > #side_bar_inner > ol > li { margin-left: 0em;}
#side_bar > #side_bar_inner > ol > li:hover {  background: rgba(91,111,139,.08);} 
#side_bar > #side_bar_inner > ol > li .left_label{margin-left: 0.5em}
#side_bar > #side_bar_inner > ol > li .left_fixer {padding-right: 0.5em;}
#side_bar > #side_bar_inner > ol > li .left_icon {display: none;}
#side_bar > #side_bar_inner > ol > li .left_count_wrap {color: #eee!important;background: #F86D18!important}
#side_bar > #side_bar_inner > ol > li .left_row:hover .left_count_wrap {padding: 4px 6px; margin: 0; margin-top: 2px;}

#side_bar > #side_bar_inner > ol > li span.inl_bl.left_count {
    font-size: 12px;
    font-weight: bolder;
}
#side_bar > #side_bar_inner > ol > li .left_row:hover {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.95);
}
#side_bar > #side_bar_inner > ol > div.more_div{padding:0; margin:0;border: 2px solid #545454}

#side_bar > #side_bar_inner > ol > .left_settings_inner {
    background: rgba(134, 134, 134, 0.33) url(/images/icons/common.png?5) no-repeat 0 -60px;
    background-blend-mode: normal;
}
#side_bar > #side_bar_inner > .left_menu_nav_wrap{border-top: 4px solid #545454;padding: 0;}
#side_bar > #side_bar_inner > .left_menu_nav_wrap > .left_menu_nav, a#left_menu_more{
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    position: relative;
    height: 30px;
    line-height: 30px;
    outline: none;
   
}
#side_bar > #side_bar_inner > .left_menu_nav_wrap > a.left_menu_nav, a#left_menu_more{padding-left: 0.5em;}
#side_bar > #side_bar_inner > .left_menu_nav_wrap > a:not(.ui_actions_menu_item), a#left_menu_more{
    border-bottom: 1px solid #545454;
    border-radius: 0!important;
    color: #eee!important;
}

#side_bar > #side_bar_inner > .left_menu_nav_wrap > a:hover:not(.ui_actions_menu_item), a#left_menu_more:hover{
    background: rgba(91,111,139,.08);
    border-left: 2px solid #F86D18;
    margin-left: -2px;
    text-decoration: none;
}

.ui_actions_menu:after, .ui_actions_menu:before{bottom: 100%;left: 30.5px;}

.ui_actions_menu_wrap._ui_menu_wrap {
    width: 100%;
}

#ads_left.ads_left_empty+.left_menu_nav_wrap{border: none}
/* Основная часть
 ----------------------------*/
#page_body, .im-page-wrapper{
    background: #fff;
    padding: 0px 6px 0 10px;
 /*  margin: 35px 0 0 0px;*/
}







/* Моя страница
 ----------------------------*/

h3.header_top.clear_fix {
    /* border-bottom: 3px solid #dae1e8; */
}

a.module_header, a.right_list_header {
    /* border-bottom: 3px solid #dae1e8; */
    background: rgba(199, 199, 199, 0.38);
    color: #222222;
}

h3.header_top.clear_fix {
    color: #416b91;
    font-weight: bolder;
}
.module_header .header_top, .header_right_link, a.right_list_header {
    height: 25px;
    line-height: 25px;
}


Djuliko 11.09.2016 00:12

Бэкграунд почему то не меняется, просто остается цвета #EDEEF0 В чем может быть проблема?

SkyLoKi 16.09.2016 14:22

Цитата:

Сообщение от Djuliko (Сообщение 70964)
Бэкграунд почему то не меняется, просто остается цвета #EDEEF0 В чем может быть проблема?

У меня меняется. Если что то менял, то скинь. Посмотрим.

Djuliko 24.09.2016 22:15

Цитата:

Сообщение от SkyLoKi (Сообщение 70985)
У меня меняется. Если что то менял, то скинь. Посмотрим.

Так он изначально не менялся. Попробовал заменить другой ссылкой - результат тот же. Вообще, из измененного - только линк на другую картинку (чисто для проверить), изменил немного шапку и кнопке "вверх" цвет заменил. Думаю всю "синьку" на оранжевый поменять, но маленько ломает и времени нету...
Код
Код:

[HTML]body{
    background: url(https://initiate.alphacoders.com/download/wallpaper/crop-or-stretch/703/cropped-1366-768-703707.png) 49% 50% no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

/*Шапка
----------------------------*/
#page_header_cont > .back {   
    border-top: 5px solid #F86D18;
    background: #222!important;
    box-shadow: 0 0 2px 1px #222;
    border-bottom: none;
    width: 80%; /*не на весь экран*/
    left: 10%; /*сдвинул к центру*/
    border-radius: 0px 0px 15px 15px; /*закруглил шапку*/
    height:47px
}
#page_header_wrap{margin-top:5px}
#page_header_cont #top_audio_player:hover,
#page_header_cont .top_nav_btn:hover,
#page_header_cont .top_profile_link:hover,
#page_header_cont .active,
#page_header_cont .top_home_link:hover{
    background-color: rgba(0, 0, 0, 0.45);
}

.top_nav_btn#top_notify_btn .top_nav_btn_icon {
    background-position: -65px -23px;
    opacity: 0.5;
}

.top_nav_btn#top_notify_btn:hover .top_nav_btn_icon,
.top_nav_btn#top_notify_btn.active .top_nav_btn_icon  {
    background-position: -65px -23px;
    opacity: 1;
 }
 .top_nav_btn#top_audio .top_nav_btn_icon {
    background-position: -65px -52px;
    opacity: 0.5;
}
 .top_nav_btn#top_audio:hover  .top_nav_btn_icon,
 .top_nav_btn#top_audio.active .top_nav_btn_icon {
    background-position: -65px -52px;
    opacity: 1;
}

input.text.ts_input{
    background-color: rgba(0, 0, 0, 0.54);
}
.input_back_content {
    color: rgba(255, 255, 255, 0.48)!important;
}


/*Левое меню
----------------------------*/
#side_bar > #side_bar_inner {background: #333!important}
#side_bar > #side_bar_inner > ol {
    position: relative;
    background: #333!important;
    border-radius: 0 0 3px 3px;
}
#side_bar > #side_bar_inner > ol > li > a{
    border-bottom: 1px solid #545454;
    border-radius: 0!important;
    color: #eee!important;
}

#side_bar > #side_bar_inner > ol > li > a:hover {
  border-left: 2px solid #F86D18;
    margin-left: -2px;
}
#side_bar > #side_bar_inner > ol > li { margin-left: 0em;}
#side_bar > #side_bar_inner > ol > li:hover {  background: rgba(91,111,139,.08);} 
#side_bar > #side_bar_inner > ol > li .left_label{margin-left: 0.5em}
#side_bar > #side_bar_inner > ol > li .left_fixer {padding-right: 0.5em;}
#side_bar > #side_bar_inner > ol > li .left_icon {display: none;}
#side_bar > #side_bar_inner > ol > li .left_count_wrap {color: #eee!important;background: #F86D18!important}
#side_bar > #side_bar_inner > ol > li .left_row:hover {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.95);
}
#side_bar > #side_bar_inner > ol > div.more_div{padding:0; margin:0;border: 2px solid #545454}

#side_bar > #side_bar_inner > ol > .left_settings_inner {
    background: rgba(134, 134, 134, 0.33) url(/images/icons/common.png?5) no-repeat 0 -60px;
    background-blend-mode: normal;
}
#test_redesign_wrap{text-align:center; border:none}
#test_redesign_wrap a{color:#fff;}
/*Основная часть
----------------------------*/
#page_body, .im-page-wrapper {background: #fff;padding: 0 5px;}
/*Новости*/
.wide_column {
    margin-left: 6px;
    width: 99%!important;
}

/*Профииль*/
.page_photos_module {padding: 10px 10px 10px}
/*Подвал*/
.footer_nav, .footer_nav a {color: white!important}

/*Кнопка вверх
----------------------------*/
nobr#stl_text {color: #FFF}
.stl_active.over_fast #stl_bg {background: rgba(241, 185, 151, 1)}



/*Кнопки
----------------------------*/
.flat_button {
    color: #fff;
    background-color: #F86D18;
    border-color: #A14308;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.flat_button:hover {
    color: #fff;
    background-color: #A14308;
    border-color: #ac2925;
}

.flat_button.secondary.hover,
.flat_button.secondary:hover
{
    color: #55677d;
}

/*Диалоги
----------------------------*/
li.nim-dialog._im_dialog.nim-dialog_selected._im_dialog_selected {
    color: #C4690E;
    background: #333;
}

.ui_rmenu_item_sel, .ui_rmenu_item_sel:hover {
    border-left: 2px solid #F86D18;
}


Tsym 09.10.2016 19:25

А как в новом ВКОПТе вставить css код?

IkaR49 09.10.2016 21:58

Tsym, пока никак.

BlackTrunk 22.10.2016 15:13

Можно использовать User CSS
Пока что я пользуюсь им..

SkyLoKi 08.11.2016 15:04

Блин. Сейчас чет понял, что тема съехала. Как будет свободное время, то поправлю и доделаю её :confused::cool:

SkyLoKi 09.11.2016 21:03

Чуть чуть именил. Обновленный код в шапке

DemonTWR 12.11.2016 20:46

Ну хорош парень +
Только вот что бы без белого Фона ! ну велл Понял меня и многие тоже )))


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

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

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