[ VKontakte Optimizer ]
Имя
Пароль




Забыли пароль? Регистрация
Вернуться   [ VKontakte Optimizer ] > Прочее > В Контакте | Оформление
Важная информация

Ответ
 
Опции темы Опции просмотра Вложений: 2
SkyLoKi
22.06.2016
 
 
Аватар для SkyLoKi
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 13
ВкоптоКарма: 7

Google Chrome 50.0.2661.102 (Windows [NT based])

[#1]
По умолчанию [new.vk] Тема Biscaya

Нажмите на изображение для увеличения
Название: 2016-11-10_152809.jpg
Просмотров: 262
Размер:	132.3 Кб
ID:	1628

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

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

Код 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;
}
Миниатюры
Нажмите на изображение для увеличения
Название: 2016-06-22_094312.jpg
Просмотров: 451
Размер:	198.0 Кб
ID:	1596  

Последний раз редактировалось SkyLoKi; 10.11.2016 в 15:32.
Оффлайн
 
Ответить с цитированием
4 пользователя(ей) сказали cпасибо:
Djuliko
11.09.2016
 
 
Аватар для Djuliko
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 15
ВкоптоКарма: 0


[#2]
По умолчанию

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

Последний раз редактировалось Djuliko; 11.09.2016 в 01:44.
Оффлайн
 
Ответить с цитированием
SkyLoKi
16.09.2016
 
 
Аватар для SkyLoKi
Мимо проходил, заглянул)
TC
О пользователе
 
Сообщений: 13
ВкоптоКарма: 7

Opera 39.0.2256.71 (Windows [NT based])

[#3]
По умолчанию

Цитата:
Сообщение от Djuliko Посмотреть сообщение
Бэкграунд почему то не меняется, просто остается цвета #EDEEF0 В чем может быть проблема?
У меня меняется. Если что то менял, то скинь. Посмотрим.
Оффлайн
 
Ответить с цитированием
Djuliko
24.09.2016
 
 
Аватар для Djuliko
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 15
ВкоптоКарма: 0


[#4]
По умолчанию

Цитата:
Сообщение от SkyLoKi Посмотреть сообщение
У меня меняется. Если что то менял, то скинь. Посмотрим.
Так он изначально не менялся. Попробовал заменить другой ссылкой - результат тот же. Вообще, из измененного - только линк на другую картинку (чисто для проверить), изменил немного шапку и кнопке "вверх" цвет заменил. Думаю всю "синьку" на оранжевый поменять, но маленько ломает и времени нету...
Код
Код:
[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
 
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 5
ВкоптоКарма: 0


[#5]
По умолчанию

А как в новом ВКОПТе вставить css код?
Оффлайн
 
Ответить с цитированием
IkaR49
09.10.2016
 
 
Аватар для IkaR49
Опытный
О пользователе
 
Сообщений: 2,037
ВкоптоКарма: 1,352


[#6]
По умолчанию

Tsym, пока никак.
Оффлайн
 
Ответить с цитированием
BlackTrunk
22.10.2016
 
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 1
ВкоптоКарма: 0


[#7]
По умолчанию

Можно использовать User CSS
Пока что я пользуюсь им..
Оффлайн
 
Ответить с цитированием
SkyLoKi
08.11.2016
 
 
Аватар для SkyLoKi
Мимо проходил, заглянул)
TC
О пользователе
 
Сообщений: 13
ВкоптоКарма: 7

Google Chrome 54.0.2840.71 (Windows [NT based])

[#8]
По умолчанию

Блин. Сейчас чет понял, что тема съехала. Как будет свободное время, то поправлю и доделаю её
Оффлайн
 
Ответить с цитированием
SkyLoKi
09.11.2016
 
 
Аватар для SkyLoKi
Мимо проходил, заглянул)
TC
О пользователе
 
Сообщений: 13
ВкоптоКарма: 7

Google Chrome 54.0.2840.71 (Windows [NT based])

[#9]
По умолчанию

Чуть чуть именил. Обновленный код в шапке
Оффлайн
 
Ответить с цитированием
Пользователь сказал cпасибо:
DemonTWR
12.11.2016
 
 
Аватар для DemonTWR
Опытный
О пользователе
 
Сообщений: 116
ВкоптоКарма: 12

Firefox 51.0 (Win7)

[#10]
По умолчанию

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

Нижняя навигация
Вернуться   [ VKontakte Optimizer ] > Прочее > В Контакте | Оформление


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


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

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

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