Теперь мы переходим непосредственно к css стилям и оформлению форума!!
Для этого мы заходим в панель управления:
Управление дизайном > Общие шаблоны > Таблица стилей css и ищем там строчки
/* ===== forum Start ===== */
И мы начнём редактирование строк
/* General forum Table View */
.gTable {background:#C8CB78;}
.gTableTop {padding:2px;background:url('/.s/t/897/12.gif') #87A303;text-align:center;color:#FFFFFF;font-weight:bold;height:28px;font-size:10pt;}
.gTableSubTop {padding:2px;background:#D9DC82;color:#000000;height:20px;font-size:10px;}
.gTableBody {padding:2px;background:#FEFFD5;}
.gTableBody1 {padding:2px;background:#FFFFFF;}
.gTableBottom {padding:2px;background:#FEFFD5;}
.gTableLeft {padding:2px;background:#FEFFD5;font-weight:bold;color:#6E6E6E}
.gTableRight {padding:2px;background:#FEFFD5}
.gTableError {padding:2px;background:#FEFFD5;color:#FF0000;}
/* ------------------------ */
Для начала нам нужно увеличить шрифт заголовка темы и сместить его влево и для этого меняем строку
Код
.gTableTop {padding:2px;background:url('/.s/t/897/12.gif')
#87A303;text-align:center;color:#FFFFFF;font-weight:bold;height:28px;font-size:10pt;}
на
Код
.gTableTop {padding:2px;background:url('/.s/t/897/12.gif') #87A303;text-align:left;color:#FFFFFF;font-weight:bold;height:24px;font-size:12pt; padding-left:12px;}
И теперь смотрим результат
далее идём дальше и правим строчку
Код
.gTableSubTop {padding:2px;background:#D9DC82;color:#000000;height:20px;font-size:10px;}
меняем её на
Код
.gTableSubTop {padding:2px;background:#D9DC82;color:#242424;height:20px;font-size:14px;}
И теперь смотрим результат
Далее мы переходим к следу.щим строкам из css
Код
/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#858585;font-size:9pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#6E6E6E;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#6E6E6E;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#909090;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#6E6E6E;}
/* -------------------- */
Мы начнём с изменения шрифта вот что у нас сейчас
и мы меняем строчку
Код
.forum {font-weight:bold;font-size:9pt;}
на
Код
.forum {font-weight:bold;font-size:12pt;}