[ VKontakte Optimizer ]

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

SkyLoKi 20.06.2016 00:20

Вложений: 1
UPD.

CSS для нового дизайна. Мало ли пригодится...

НО!!!
Тема еще толком не оформлена. А так. Частично элементы покрасил О_о

Код HTML:

body{
    background-color: #f2f2f2;
    background-repeat: repeat;
    background-position: left top;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABGdBTUEAALGPC/xhBQAAAAZQTFRFAAAAAAAApWe5zwAAAAJ0Uk5TDwDxC9H3AAAAEklEQVQI12P4wPCC4QbDDoYKABWqA+GzsnEGAAAAAElFTkSuQmCC)
}

/*Шапка
----------------------------*/
#page_header_cont > .back {
    background: #020031;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6D3353));
    background: -webkit-linear-gradient(45deg, #020031 0%,#6D3353 100%);
    background: linear-gradient(45deg, #020031 0%,#6D3353 100%);
    border-bottom: none;
}
#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{
    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{
    ba;
    background: rgba(0, 0, 0, 0.54);
}
.input_back_content {
    color: rgba(255, 255, 255, 0.48)!important;
}


/*Левое меню
----------------------------*/
#side_bar > #side_bar_inner > ol {
    position: relative;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
}
#side_bar > #side_bar_inner > ol > li {margin-left: 0em}
#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_row:hover {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.95);
}

/*Кнопки
----------------------------*/
.flat_button {
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none;
}
.flat_button.profile_btn_cut_left {
    border-right: 1px solid #4CAF50;
}
.flat_button:hover {
    background-color: #16ab39;
    color: #fff;
    text-shadow: none;
}
/*Оформление профиля*/
button#send_post {
    background-color: #00b5ad;
    background-image: none;
    color: #ffffff;
    text-shadow: none;
}
button#send_post:hover {
    background-color: #009c95;
    color: #ffffff;
    text-shadow: none;
}


Itachi_Sempai 15.07.2016 08:06

Добрый день, а можете скинуть какой-нибудь мануал по css темам? Я хочу просто отредактировать немного цвета в определённой теме, а не знаю как

Вэлл 15.07.2016 09:01

Itachi_Sempai, как то так: http://htmlbook.ru/css/value/color
Осталось начать...


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

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

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