1. CS1 Background and text colours - управляет цветовыми сочетаниями таблиц форума и текстов.
1.0. Фон форума.
Первое, что мы видим - это блок
body {
background-color: #CC0000;
}
Он отвечает за цвет фона или фоновую картинку форума.
Для того, чтобы поставить свою картинку заменяем этот блок на:
а) Подвижный фон при прокрутке форума:
body {
background-image: url(Адрес картинки);
}
б) Неподвижны фон при прокрутке форума:
body {
background-color: #66a2b5;
background-image: url(Адрес картинки);
background-no-repeat: repeatxy;background-attachment: fixed;
}
1.1. Основной цвет форума.
Блок
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #FF3300;
color: #333333;
}
Он отвечает за фоновый цвет ячеек таблиц форума с количеством сообщений и тем, приветствие, низ форума, статистика форума, меня форума.
Тег
background-color: #FF3300
устанавливает цвет фона этих элементов форума. Можно вставить своё фоновое изображение, заменив его на
background-image: url(Адрес картинки);
Тег
color: #333333
устанавливает цвет текста в этих блоках.
Можно дописать ниже (до фигурной скобки) теги для изменения шрифта:
font-weight: bold;
- текст станет жирным.
font-style: italic;
- текст будет курсивом.
1.2. Цвета таблиц форума и текста форума.
Блок
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #669933;
color: #333333;
}
отвечает за цвета таблиц форума и текста форума.
Цвет можно заменить на картинку:
background-image: url(Адрес картинки);
color: #333333;
- меняем цвет шрифта.
Можно дописать ниже (до фигурной скобки) теги для изменения шрифта:
font-weight: bold;
- текст станет жирным.
font-style: italic;
- текст будет курсивом.
1.3. Категории форума.
Блок
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #993366;
color: #FFFFFF;
font-weight: normal;
font-style: normal;
}
управляет категориями форума.
Цвет можно заменить на картинку:
background-image: url(Адрес картинки);
color: #FFFFFF;
- меняем цвет шрифта.
Можно дописать ниже (до фигурной скобки) теги для изменения шрифта:
font-weight: bold;
- текст станет жирным.
font-style: italic;
- текст будет курсивом.
1.4. Шапка форума.
Блок:
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #FF9900;
color: #333333;
}
Корректирует шапку форума и текст в ней.
Цвет можно заменить на картинку:
background-image: url(Адрес картинки);
color: #333333;
- меняем цвет шрифта.
Можно дописать ниже (до фигурной скобки) теги для изменения шрифта:
font-weight: bold;
- текст станет жирным.
font-style: italic;
- текст будет курсивом.
1.5. Замечания и приписки.
Блок
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #669933;
color: #333333
}
отвечает за все приписки и замечания форума, которые есть на движке mybb по умолчанию.
background-color: #669933;
- меняем цвет фона.
color: #333333;
- меняем цвет шрифта.
Можно дописать ниже (до фигурной скобки) теги для изменения шрифта:
font-weight: bold;
- текст станет жирным.
font-style: italic;
- текст будет курсивом.
1.6. Шапка форумных таблиц.
Блок
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #99FF99;
color: #333333
}
управляет шапкой форумных таблиц и текстом в этой шапке.
Цвет можно заменить на картинку:
background-image: url(Адрес картинки);
color: #333333;
- меняем цвет шрифта.
Можно дописать ниже (до фигурной скобки) теги для изменения шрифта:
font-weight: bold;
- текст станет жирным.
font-style: italic;
- текст будет курсивом.
1.7. Задник.
Блок
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #EF2300;
color: #333333
}
управляет так называемым задником форума (цвет фона цитаты, кода)
Цвет можно заменить на картинку:
background-image: url(Адрес картинки);
color: #333333;
- меняем цвет шрифта.
Можно дописать ниже (до фигурной скобки) теги для изменения шрифта:
font-weight: bold;
- текст станет жирным.
font-style: italic;
- текст будет курсивом.
1.8. Меню навигации.
Блок
/* CS1.8 */
#pun-navlinks .container {
background-color: #FF99CC;
color: #FFFFFF;
}
управляет меню навигации.
Цвет можно заменить на картинку:
background-image: url(Адрес картинки);
color: #FFFFFF;
- меняем цвет шрифта.
Можно дописать ниже (до фигурной скобки) теги для изменения шрифта:
font-weight: bold;
- текст станет жирным.
font-style: italic;
- текст будет курсивом.
Блок
.punbb textarea, .punbb select, .punbb input {
background-color: #CC0000;
color: #333333
}
регулирует цвет фона и шрифта в форме ответа (вместе с кнопками "отправить" и "пред. просмотр") и других формах для заполнения.
Цвет можно заменить на картинку:
background-image: url(Адрес картинки);
color: #333333;
- меняем цвет шрифта.
Можно дописать ниже (до фигурной скобки) теги для изменения шрифта:
font-weight: bold;
- текст станет жирным.
font-style: italic;
- текст будет курсивом.
2. CS2 Border colours - цветовые сочетания форума.
2.1. Внешние границы форума.
Блок
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #FFFF66 #FFFF66 #FFFF66 #FFFF66
}
управляет внешними границами форума.
2.2. цвет черты под нижней границей форума.
Блок
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #BC0000
}
я советую не трогать.
2.3.
Блок
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #993366;
}
управляет рамкой внизу и справа от полоски с названиями категорий.
Тоже советую не трогать, существенных изменений не несёт.
2.4. Внутренние рамки форума.
Блок
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #993399;
}
управляет внутренними рамками форумных таблиц.
border-color: #993399;
- меняем цвет.
2.5. Полоски, разделяющие названия секций.
Блок
/* CS2.5 */
.punbb th {
border-color: #99FF99
}
Это полоски разделяющие : названия секций!
border-color: #993399;
- меняем цвет.
3. CS4 Post status icons - иконки.
3.1. Иконки.
Блок (в самом конце)
div.icon {border-color: #0080D7 #0060B7 #0050A7 #0060B7}
tr.iredirect div.icon {border-color: #669933 #669933 #669933 #669933}
div.inew {border-color: #E6E6E6 #C6C6C6 #B6B6B6 #C6C6C6}
отвечает за иконки.
Используем этот код (вставляем свои иконки в ссылки)
#pun-main table Div.icon {padding-left: 35px; padding-top: 15px; padding-bottom: 20px;}
Div.icon {
background-image : url(Адрес картинки для СТАРЫХ тем);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(Адрес картинки для НОВЫХ тем);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(Адрес картинки для ВАЖНЫХ тем); background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(Адрес картинки для ЗАКРЫТЫХ тем);
background-repeat: no-repeat;
}