После того, как мы поменяли HTML, поднимается вопрос: а как же поменять
это ужасное меню? а форум? а новости? а фон в комментариях? для этого у
нас есть СSS.Прежде всего хочется поменять меню в коде ищем то, что выделено, и стираем или меняем на свое:
/* Site Menus */ .uMenuH li {float:left;padding:0 5px;}
.uMenuV .uMenuItem {font-family:Tahoma,Arial,Helvetica;} .uMenuV li a:link {text-decoration:none; color:#000000} .uMenuV li a:visited {text-decoration:none; color:#000000} .uMenuV li a:hover {text-decoration:none; color:#578A8D; font-weight:bold;} .uMenuV li a:active {text-decoration:none; color:#000000; font-weight:bold;}
разберем по порядку. Первая строчка (.eBlock {background: #959595;color:#FFFFFF;}) отвечает за обводку новости и цвет ее заголовка
Вторая строчка (.eTitle
{font-family:Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#000000;
padding: 2px; border:1px solid #FFFFFF;}) отвечает за шрифт заголовка
Третья строчка (.eMessage
{text-align:justify;padding-bottom:5px;background:#FFFFFF;color:#000000;})
отвечает за фон сообщения и цвет шрифта Четвертая строчка (.eText
{text-align:justify;padding-bottom:5px;padding-top:5px;background:#b4d9ec;color:#000000;})
отвечает за стиль текста в сообщении за что отвечает 5, я не разобралась дальше идет три кода eDetails. за что отвечает каждый из них, я тоже не разобралась, поэтому всегда меняю их одинаково.
Стиль комментариев
Этот код совсем маленький. так же как в случае с eDetails я меняла их
одинаково. Если не ошибаюсь, первая строчка отвечает за ответ в самом
комментарии.
здесь нужно менять только 2 фона: фон всей таблички и фон смайликов. (то
есть 1 и 5 строчку) желательно брать тот же цвет что и для комментов Следующие два стиля мы благополучно пропускаем, так как я не знаю к чему они относятся.
Календарь
Не знаю как вас, но меня стандартный календарь этого шаблона ну очень раздражает.
поэтому ищем ссылки и их стираем. после ссылок стоит цветовой код, его меняем на свой Остальные стили до форума я не меняю.
ФОРУМ
О, для форума целый раздел отведен.
Стиль названия, субтопа и дополнительной информации
/* General forum Table View */ .gTable {background:#959595}
.gTableTop {padding:2px;background:url('/.s/t/985/14.gif') top
#575757;color:#578A8D;font-weight:bold;height:22px;padding-left:10px;font-size:10pt;border:1px
solid #FFFFFF;} .gTableSubTop
{padding:2px;background:url('/.s/t/985/18.gif') center
#AD7C67;color:#000000;height:20px;border:1px solid #FFFFFF;} .gTableBody {padding:2px;background:#ECECEC;} .gTableBody1 {padding:2px;background:#FFFFFF;} .gTableBottom {padding:2px;background:#ECECEC;} .gTableLeft {padding:2px;background:#ECECEC;font-weight:bold;color:#578A8D} .gTableRight {padding:2px;background:#ECECEC} .gTableError {padding:2px;background:#ECECEC;color:#FF0000;} /* ------------------------ */
первая строчка отвечает за контуры форума, здесь только поменять цвет вторая строчка отвечает за фон блока названия форума. можно заменить ссыль на свою, а можно убрать ее и заменить цветовой код третья строчка - субтоп (где написано тема, автор и т.д.) ее можно поменять как и фон блока названия форума во всех остальных строчках я вставляю один и тот же цвет, так как все они отвечают за стиль дополнительной информации
первая строчка - фон названия форума и последнего добавленного сообщения вторая строчка - фон иконки, счетчика тем и сообщений в них только поменять цвет на другой или на фон третья строчка - шрифт которым написано последний пост и [архив] следующие 4 - это ссылки, то есть как написано название форума и остальные ссылки. link - ссылка в обычном состоянии visited - ссылка на которой вы уже были hover - ссылка на которую наведен курсор active - насколько я поняла, это гда вы находитесь сейчас.
Заголовки форумов
так написано в стилях. в общем то этот раздел отвечает за
второстепенную информацию, такую как модер, кто добавил последнее
сообщение и т.д.
думаю, если вы знаете английский, то объяснять ничего не надо. но если нет то вот объяснение: первая строчка отвечает насколько я поняла за общий стиль шрифта вторая строчка - отвечает за описание форума и ее модератора третья строчка - наверное это последний пост остальные отвечают за ссылки следующие три раздела какие-то непонятные поэтому переходим к
здесь первые две строчки меняем как в стилях форума, то есть на какой-нибудь определенный один или два цвета .threadLastPostTd {padding:2px;font-size:7pt;} .threadDescr {color:#858585;font-size:7pt;} отвечают за последний пост и описание темы, желательно поменять на один и тот же цвет (шрифта) .threadsType {padding:2px;background:#E5BFAD;height:20px;font-weight:bold;font-size:7pt;color:#000000;padding-left:40px;} .threadsDetails {padding:2px;background:#C1D6D7;height:20px;color:#000000;} .forumOnlineBar {padding:2px;background:#9DAEAF;height:20px;color:#FFFFFF;} я их всегда меняю на какой-нибудь один цвет. отвечает за детали, онлайн бар и тип тем (важные, не важные)
большой раздельчик, большой... .postTable {background:#E1E1E1} - контур .postPoll {background:#ECECEC;text-align:center;} - стиль опроса, фон на котором сами вопросы .postFirst {background:#ECECEC;border-bottom:3px solid #FFFFFF;} .postRest1 {background:#ECECEC;} .postRest2 {background:#ECECEC;} - меняйте все на один цвет .postSeparator {height:3px;background:#B4FCFF;} - разделитель постов
.postTdTop {background:url('/.s/t/985/18.gif') center #AD7C67;border:1px solid #FFFFFF;}
.postBottom {background:#B8B8B8;height:20px} - верх и низ
поста,желательно поменять на один цвет, темнее чем иформация о юзере и
фон сообщения .postUser {font-weight:bold;} - каким шрифтом написана информация о юзере .postTdInfo {text-align:center;padding:5px;background:#ECECEC;} - фон юзера .posttdMessage {padding:5px;background:#FFFFFF;} - фон сообщения. желательно поменять на один цветс фоном юзера .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:#FFFFFF;font-size:9px;} .quoteMessage {background:#FFFFFF;font-size:9px;} - фон цитаты и кода, шрифт
.statusOnline {color:#0000FF;} .statusOffline {color:#FF0000;} - чем написано онлайн и оффлайн
Стиль добавления сообщения
/* forum Post Form */ .loginButton {font-size:7pt;background:#FFFFFF;color:#575757;border:1px outset #636363;}
.pollBut, .searchSbmFl, .commSbmFl, .signButton
{font-size:7pt;background:url('/.s/t/985/18.gif')
#AD7C67;color:#FFFFFF;border:1px outset #615E58;}
.codeButtons {font-size:7pt;background:url('/.s/t/985/18.gif')
#AD7C67;color:#FFFFFF;border:1px outset #615E58;} - отвечает за BB
кнопки. поменять фон и цвет шрифта, если не подходит больше здесь желательно ничего не менять