Итак, как известно новый стиль адаптивный и имеет способность сжиматься и растягиваться в зависимости от размера экрана. В связи с этим есть изменения которые уже нельзя сделать так как со старым стилем. Например в админке уже нет возможности управлять стилем - имею ввиду изменить код и картинки. В основном места где меняется цвет форума схожи со старым стилем.Ну и конечно firebug вам в помощь. Всё что найду еще размещу здесь в теме.
- Тестовая наработка общий вид
- Логотип в новом стиле можно изменить в файле imageset.css
- Code: Select all
/* Global imageset items */
.imageset.site_logo {
background-image: url("./images/site_logo.png");
padding-left: 240px;
padding-top: 67px;
}
- Зебра меняется в файле colours.css
- Цвет полосок при наведении:
- Code: Select all
li.row:hover {
background-color: #444b52;
}
- Цвет самих полосок зебры
- Code: Select all
.bg1 {
background-color: #b5b5b5;
}
table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
background-color: #000;
}
.bg2 {
background-color: #b5b5b5;
}
table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
background-color: #000;
}
.bg3 {
background-color: #000;
}
- Белое тело форума #wrap так же как и было в строке файла colours.css
- Code: Select all
#wrap {
background-color: #828282;
box-shadow: 0 0 15px #CCC;
}
- Изменение выпадающей менюшки в файле colors.css
- Code: Select all
.dropdown .dropdown-contents {
background: #b5b5b5;
border-color: #b9b9b9;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
- полоска меню меняется в файле common.css
- Code: Select all
/* Main menu
--------------------------------------------- */
#main-menu {
background-color: #f0f0f0;
border: 1px solid #ccc;
padding: 0 10px;
- Панель ответа в файле colours.css
- Code: Select all
.panel {
background-color: #ECF1F3;
color: #28313F;
}
- Область вводе текста в ответе. Файл colours.css
- Code: Select all
.inputbox {
background-color: #f5f5f5;
border-color: #B4BAC0;
color: #333333;
}
- Цвет текста под форумами и в нижнем навбаре. Фон форума(обои) здесь же Файл commom.css
- Code: Select all
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: normal;
color: #536482; / цвет текста /
background-color: #EEEEE7;
height: 100%;
word-wrap: break-word;
-webkit-print-color-adjust: exact;
- Code: Select all
background-image: url("./images/fv3.jpg");
background-attachment:fixed, fixed;
background-size: 100%;
background-repeat: no-repeat;
- Цвет блоков форума
- Code: Select all
.forabg, .forumbg {
background-color: #092146;
background-image: url("./images/bg_list.png"); <!-- Картинка как в старом стиле -->
background-image: -webkit-linear-gradient(#5B7FB2 0%,#0A3E89 2px,#092146 92px); <!-- Градиенты что нужно менять -->
background-image: linear-gradient(#5B7FB2 0%,#0A3E89 2px,#092146 92px); <!-- Градиенты что нужно менять -->
background-repeat: repeat-x;
- Нижний #navbar так же меняется в файле colours.css
- Code: Select all
.navbar {
background-color: #474747;
- Цвет ссылок
- Code: Select all
a { color: #105289; }
a:hover { color: #D31141; }
a:hover { color: #D31141; } /* Цвет ссылки при наведении */
- Полоски и текст внизу где статистика. файл colours.css
- Code: Select all
h3 {
border-bottom-color: #000; <!-- цвет полосок -->
color: #000; <!-- цвет текста около них -->
}
Тема JoteRuso с изменением предыдущего стиля
Как установить свой стиль
