Насколько я знаю, весь шаблон меняется в CSS Меняем шапку Загружаем шапку в корень сайта. Идем в CSS Code /* General Style */ body {background:url('/.s/t/903/1.gif') center repeat-y #252525; margin:0px; padding:0px;} #contanier {background:url('/.s/t/903/3.jpg') top center no-repeat;text-align:center;padding-top:20px;} #content {width:740px;margin-left:auto;margin-right:auto;} #header {background:url('/.s/t/903/4.jpg') no-repeat;height:152px;color:#FFFFFF;font-size:20pt;font-weight:bold;padding-top:150px;text-align:left;padding-left:400px;} *html #header {height:302px !important;} #dataBar {border-top:1px solid #4D1C00;border-bottom:1px solid #4D1C00;height:25px;margin-top:10px;margin-bottom:10px;font-size:7pt;color:#903400;} #navBar {float:left;padding-top:5px;} #loginBar {float:right;padding-top:5px;} .boxTable {width:200px;background:url('/.s/t/903/5.gif') top no-repeat #252525;margin-bottom:5px;border-bottom:1px solid #FF4A00;} .boxTitle {padding:10px;color:#FF4A00;text-align:center;font-weight:bold;} .boxContent {padding:5px;background:url('/.s/t/903/6.gif') bottom no-repeat;} #footer {height:55px;background:url('/.s/t/903/2.jpg') center no-repeat #DD3800;color:#FFFBD7;} Выделенное заменяем на адрес шапки. Разбираем код: Code body {background:url('/.s/t/903/1.gif') center repeat-y #252525; margin:0px; padding:0px;} Это код фона (фон вокруг основного блока, фон самого блока) Code #contanier {background:url('/.s/t/903/3.jpg') top center no-repeat;text-align:center;padding-top:20px;} тоже код фона, но того где рисунок Code .boxTable {width:200px;background:url('/.s/t/903/5.gif') top no-repeat #252525;margin-bottom:5px;border-bottom:1px solid #FF4A00;} код фона блоков. желательно заменить адрес и цвет фона (#252525) Code .boxTitle {padding:10px;color:#FF4A00;text-align:center;font-weight:bold;} как написан заголовок блоков Code #footer {height:55px;background:url('/.s/t/903/2.jpg') center no-repeat #DD3800;color:#FFFBD7;} Code a:link {text-decoration:underline; color:#FFCD7F;} a:active {text-decoration:underline; color:#FFCD7F;} a:visited {text-decoration:underline; color:#FFCD7F;} a:hover {text-decoration:none; color:#FFFFFF;} стиль ссылок на всем сайте МЕНЮ Code /* Site Menus */ .uMenuH li {float:left;padding:0 5px;}
.uMenuV .uMenuItem {font-weight:normal;} .uMenuV li a:link {text-decoration:none; color:#CCCCCC} .uMenuV li a:active {text-decoration:none; color:#CCCCCC} .uMenuV li a:visited {text-decoration:none; color:#CCCCCC} .uMenuV li a:hover {text-decoration:none; color:#FFFFFF}
.uMenuV .uMenuItemA {font-weight:bold;} .uMenuV a.uMenuItemA:link {text-decoration:none; color:#FFFFFF;} .uMenuV a.uMenuItemA:visited {text-decoration:none; color:#FFFFFF} .uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#FFFFFF} .uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;} .uMenuV li {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/903/8.gif') no-repeat 0px 3px; margin-bottom: .6em;} /* --------- */ меню. стиль ссылок, стиль активной ссылки. если хотите убрать красную стрелочку, в последнем коде уберите стрелочку. НОВОСТИ Code /* Entries Style */ .eBlock {border-bottom:1px solid #000000;} .eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;background:url('/.s/t/903/2.jpg') center no-repeat #DD3800;color:#FFFBD7;text-align:center;padding:10px;} .eTitle a:link {text-decoration:underline; color:#FFFBD7;} .eTitle a:visited {text-decoration:underline; color:#FFFBD7;} .eTitle a:hover {text-decoration:none; color:#FFFFFF;} .eTitle a:active {text-decoration:underline; color:#FFFBD7;}
.eText {text-align:justify; padding:5px;border-top:1px dashed #ffffff;}
.eDetails {background:#111111;color:#666666;padding-bottom:5px;padding-top:3px;text-align:left;font-size:7pt; } .eDetails1 {background:#111111;color:#666666;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt; } .eDetails2 {background:#111111;color:#666666;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt; }
.eRating {font-size:7pt;}
.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/903/9.gif') no-repeat 0px 0px;} /* --------------- */ Code .eBlock {border-bottom:1px solid #000000;} видите красную полоску под новостью? вот за нее этот код и отвечает. Code .eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;background:url('/.s/t/903/2.jpg') center no-repeat #DD3800;color:#FFFBD7;text-align:center;padding:10px;} все о заголовке: фон, цвет, стиль шрифта, обводка... за фон здесь отвечает ссыль. Code .eTitle a:link {text-decoration:underline; color:#FFFBD7;} .eTitle a:visited {text-decoration:underline; color:#FFFBD7;} .eTitle a:hover {text-decoration:none; color:#FFFFFF;} .eTitle a:active {text-decoration:underline; color:#FFFBD7;} ссылки в новостях Code .eDetails {background:#111111;color:#666666;padding-bottom:5px;padding-top:3px;text-align:left;font-size:7pt; } .eDetails1 {background:#111111;color:#666666;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt; } .eDetails2 {background:#111111;color:#666666;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt; } меняйте их одинаково. это полоска под новостью, где написано кто добавил новость, когда. Комментарии и стиль гостевой книги Code /* Comments Style */ .cAnswer {color:#838383;padding-left:15px;padding-top:4px;font-style:italic;}
.cBlock1 {background:#1F1F1F;border:1px solid #252525;} .cBlock2 {background:#1F1F1F;border:1px solid #252525;} /* -------------- */ Code .cAnswer {color:#838383;padding-left:15px;padding-top:4px;font-style:italic;} Стиль ответа в комментарии Code .cBlock1 {background:#1F1F1F;border:1px solid #252525;} .cBlock2 {background:#1F1F1F;border:1px solid #252525;} стиль комментария, фон и обводка
Стиль добавления комментария Code /* Comments Form Style */ .commTable {border:1px solid #252525;background:#ffffff;} .commTd1 {color:#bfbbff;font-weight:bold;padding-left:5px;} .commTd2 {padding-bottom:2px;} .commFl {width:100%;color:#000000;background:#bfbbff;border:1px solid #252525;} .smiles {border:1px solid #252525;background:#1B1B1B;} .commReg {padding: 10 0 10 0px; text-align:center;} .commError {color:#FF0000;} .securityCode {color:#636363;background:#bfbbff;border:1px solid #252525;} /* ------------------- */ Code .commTable {border:1px solid #252525;background:#ffffff;} фон всей таблицы и обводка Code .commFl {width:100%;color:#000000;background:#b00bff;border:1px solid #252525;} где писать сообщение - фон и расположение Code .smiles {border:1px solid #252525;background:#1B1B1B;} смайлы - обводка, фон Code .securityCode {color:#636363;background:#bfbbff;border:1px solid #252525;} где пишешь код, если не зарегистрирован
Другие стили Code /* Other Styles */ .replaceTable {background:#1F1F1F;height:100px;width:300px;border:1px solid #ffffff;} .replaceBody {background:url('/.s/t/903/1.gif') center repeat-y #ffffff; margin:0px; padding:0px;}
.legendTd {font-size:7pt;} /* ------------ */ чтобы шрифт был черным, а не серым, во вторую строчку добавьте color:#000000 перед "}" ФОРУМ Основной стиль Code /* General forum Table View */ .gTable {background:#000000;border-bottom:2px solid #FF4A00;} .gTableTop {padding:2px;font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;background:url('/.s/t/903/2.jpg') center no-repeat #DD3800;color:#FFFBD7;text-align:center;padding:10px;} .gTableSubTop {padding:2px;background:url('/.s/t/903/12.gif') #000000;color:#767676;height:21px;font-size:10px;border:1px solid #494949;} .gTableBody {padding:2px;background:#202020;} .gTableBody1 {padding:2px;background:#202020;} .gTableBottom {padding:2px;background:#202020;} .gTableLeft {padding:2px;background:#202020;font-weight:bold;color:#CCCCCC} .gTableRight {padding:2px;background:#202020;color:#666666;} .gTableError {padding:2px;background:#202020;color:#FF0000;} /* ------------------------ */ Code .gTable {background:#000000;border-bottom:2px solid #FF4A00;} контур, фон названия раздела Code .gTableTop {padding:2px;font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;background:url('/.s/t/903/2.jpg') center no-repeat #DD3800;color:#FFFBD7;text-align:center;padding:10px;} Стиль названия раздела - фон, шрифт, и т.д. Если убрать фон (ссылку), фоновым цветом будет цвет контура. Code .gTableSubTop {padding:2px;background:url('/.s/t/903/12.gif') #000000;color:#767676;height:21px;font-size:10px;border:1px solid #494949;} отвечает за фон блока названия форума. можно заменить ссыль на свою, а можно убрать ее и заменить цветовой код. Code .gTableBody {padding:2px;background:#202020;} .gTableBody1 {padding:2px;background:#202020;} .gTableBottom {padding:2px;background:#202020;} .gTableLeft {padding:2px;background:#202020;font-weight:bold;color:#CCCCCC} .gTableRight {padding:2px;background:#202020;color:#666666;} .gTableError {padding:2px;background:#202020;color:#FF0000;} здесь я вставляю один и тот же цвет, так как все они отвечают за стиль дополнительной информации
Стили форума Code /* Forums Styles */ .forumNameTd,.forumLastPostTd {padding:2px;background:#202020} .forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#1B1B1B} .forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}
a.catLink:link {text-decoration:none; color:#FFFBD7;} a.catLink:visited {text-decoration:none; color:#FFFBD7;} a.catLink:hover {text-decoration:underline; color:#FFFFFF;} a.catLink:active {text-decoration:underline; color:#FFFBD7;}
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold} .archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;} /* ------------- */ первая строчка - фон названия форума и последнего добавленного сообщения вторая строчка - фон иконки, счетчика тем и сообщений в них только поменять цвет на другой или на фон третья строчка - шрифт которым написано последний пост и [архив] следующие 4 - это ссылки, то есть как написано название форума и остальные ссылки. link - ссылка в обычном состоянии visited - ссылка на которой вы уже были hover - ссылка на которую наведен курсор active - это где вы находитесь сейчас.
Заголовки форумов Code /* forum Titles & other */ .forum {font-weight:bold;font-size:9pt;} .forumDescr,.forumModer {color:#888888;font-size:7pt;} .forumViewed {font-size:9px;} a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:underline; color:#CCCCCC;} a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:underline; color:#CCCCCC;} a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none; color:#FFFFFF;} a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#CCCCCC;} /* -------------------- */ первая строчка отвечает за общий стиль шрифта вторая строчка - описание форума и ее модератора третья строчка - это последний пост остальные отвечают за ссылки следующие три раздела какие-то непонятные
Счетик страниц
Code /* forum Page switches */ .pagesInfo {background:#202020;padding-right:10px;font-size:7pt;} .switches {background:#2B2B2B;} .switch {background:#202020;width:15px;font-size:7pt;} .switchActive {background:#252525;font-weight:bold;color:#CCCCCC;width:15px} a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#CCCCCC;} a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#CCCCCC;} a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;} a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#CCCCCC;} /* ------------------- */ здесь желательно все фоны поменять на какой-нибудь один цвет, а цвет шрифта - на другой
Стиль страницы с темами Code .threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#202020} .threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#1B1B1B} .threadLastPostTd {padding:2px;font-size:7pt;} .threadDescr {color:#666666;font-size:7pt;} .threadNoticeLink {font-weight:bold;} .threadsType {padding:2px;background:#1B1B1B;height:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px; border:1px solid #494949;} .threadsDetails {padding:2px;background:#373737;height:20px;color:#252525;color:#FFFFFF;border:1px solid #494949;} .forumOnlineBar {padding:2px;background:#161616;height:20px;color:#CCCCCC;border:1px solid #494949;}
a.threadPinnedLink:link {text-decoration:none; color:#CCCCCC;} a.threadPinnedLink:visited {text-decoration:none; color:#CCCCCC;} a.threadPinnedLink:hover {text-decoration:underline; color:#FFFFFF;} a.threadPinnedLink:active {text-decoration:underline; color:#CCCCCC;}
.threadPinnedLink,.threadLink {font-weight:bold;} a.threadLink:link {text-decoration:underline; color:#CCCCCC;} a.threadLink:visited {text-decoration:underline; color:#CCCCCC;} a.threadLink:hover {text-decoration:none; color:#FFFFFF;} a.threadLink:active {text-decoration:underline; color:#CCCCCC;}
.postpSwithces {font-size:7pt;} .thDescr {font-weight:normal;} .threadFrmBlock {font-size:7pt;text-align:right;} /* ------------------- */ Code .threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#202020} .threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#1B1B1B} Название форума, иконка, количество постов, последний пост - фоны этих блоков здесь как цветовые коды. Code .threadLastPostTd {padding:2px;font-size:7pt;} .threadDescr {color:#666666;font-size:7pt; Описание и последний пост Code .threadsType {padding:2px;background:#1B1B1B;height:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px; border:1px solid #494949;} .threadsDetails {padding:2px;background:#373737;height:20px;color:#252525;color:#FFFFFF;border:1px solid #494949;} .forumOnlineBar {padding:2px;background:#161616;height:20px;color:#CCCCCC;border:1px solid #494949;} отвечают за детали, онлайн бар и тип тем (важные, не важные) . их высота, цвет текста, обводка и фон
Стиль поста Code /* Posts View */ .postTable {background:#252525} .postPoll {background:#1B1B1B;text-align:center;} .postFirst {background:#1B1B1B;border-bottom:1px solid #FFFFFF;} .postRest1 {background:#1B1B1B;} .postRest2 {background:#1B1B1B;} .postSeparator {height:2px;background:#FF4A00;}
.postTdTop {background:url('/.s/t/903/12.gif') #000000;color:#767676;height:21px;font-size:10px;border:1px solid #494949;} .postBottom {background:#202020;height:20px;color:#555555;} .postUser {font-weight:bold;} .postTdInfo {background:#1B1B1B;text-align:center;padding:5px;} .postRankName {margin-top:5px;} .postRankIco {margin-bottom:5px;margin-bottom:5px;} .reputation {margin-top:5px;} .signatureHr {margin-top:20px;color:#CCCCCC;} .posttdMessage {background:#202020;padding:5px;}
.postPoll {padding:5px;} .pollQuestion {text-align:center;font-weight:bold;} .pollButtons,.pollTotal {text-align:center;} .pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;} .pollSubmit {font-weight:bold;} .pollEnd {text-align:center;height:30px;}
.codeMessage {background:#252525;font-size:9px;} .quoteMessage {background:#252525;font-size:9px;}
.signatureView {font-size:7pt;} .edited {padding-top:30px;font-size:7pt;text-align:right;color:#252525;} .editedBy {font-weight:bold;font-size:8pt;}
.statusBlock {padding-top:3px;} .statusOnline {color:#FFFF00;} .statusOffline {color:#FFFFFF;} /* ---------- */ Code .postTable {background:#252525} Контур Code .postPoll {background:#1B1B1B;text-align:center;} Стиль опроса Code .postRest1 {background:#ECECEC;} .postRest2 {background:#ECECEC;} Code .postSeparator {height:2px;background:#FF4A00;} разделитель постов Code .postTdTop {background:url('/.s/t/903/12.gif') #000000;color:#767676;height:21px;font-size:10px;border:1px solid #494949;} .postBottom {background:#202020;height:20px;color:#555555;} верх и низ поста,желательно поменять на один цвет, темнее чем иформация о юзере и фон сообщения Code .postUser {font-weight:bold;} как написана информация о юзере Code .postTdInfo {background:#1B1B1B;text-align:center;padding:5px;} фон блока, где написана информация о юзере Code .posttdMessage {background:#202020;padding:5px;} фон сообщения Code .codeMessage {background:#252525;font-size:9px;} .quoteMessage {background:#252525;font-size:9px;} цитата, код Code .statusOnline {color:#FFFF00;} .statusOffline {color:#FFFFFF;} онлайн и офлайн
Форма добавления сообщения Code /* Post Form */ .pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;}
.codeButtons {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;} .codeCloseAll {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;font-weight:bold;} .postNameFl,.postDescrFl {background:#1F1F1F;border:1px solid #252525;width:400px} .postPollFl,.postQuestionFl {background:#1F1F1F;border:1px solid #252525;width:400px} .postResultFl {background:#1F1F1F;border:1px solid #252525;width:50px} .postAnswerFl {background:#1F1F1F;border:1px solid #252525;width:300px} .postTextFl {background:#1F1F1F;border:1px solid #252525;width:550px;height:150px;color:#666666;} .postUserFl {background:#1F1F1F;border:1px solid #252525;width:300px}
.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;} .smilesPart {padding-top:5px;text-align:center} /* --------- */ из всего этого лучше поменять 2 строчку, 4 сверху
|