Цвета шапок. Опции

[MayB]

Как некоторые делают разные цвета шапок у например левых и правых блоков? Расскажите очень надо

[Zer0]

Элементарно. Заходиш в templates/твоя_тема находиш файл block-left.html он отвечает за оформление левых блоков, а файл block-right.html отвечает за оформление правых блоков. Просто редактируешь эти файлы и всё!

[MayB]

Элементарно. Заходиш в templates/твоя_тема находиш файл block-left.html он отвечает за оформление левых блоков, а файл block-right.html отвечает за оформление правых блоков. Просто редактируешь эти файлы и всё!

Это я нашёл, а где менять именно какая там строка? и как изображение туда поставить?

[MayB]

Вот предположим что дано в левом блоке:

КОД

<table width="165" border="0" cellspacing="1" cellpadding="3" class="bgcolor4"><tr><th class="titleline">$title</th></tr><tr><td class="bgcolor1">$content</td></tr></table><table border="0" cellspacing="2" cellpadding="0"><tr><td width="1" height="1" class="bgcolor1"></td></tr></table>

где тут цвет блока менять? и как изображение поставить?

[SeIZVeIZ]

Вот предположим что дано в левом блоке:

КОД

<table width="165" border="0" cellspacing="1" cellpadding="3" class="bgcolor4"><tr><th class="titleline">$title</th></tr><tr><td class="bgcolor1">$content</td></tr></table><table border="0" cellspacing="2" cellpadding="0"><tr><td width="1" height="1" class="bgcolor1"></td></tr></table>

где тут цвет блока менять? и как изображение поставить?

bgcolor4 -- отвечает за цвет шапки блока поменять цвет можно в админке сайта в разделе Стили тамже и картинку можно поставить

Сообщение отредактировал SeIZVeIZ: Sep 2 2007, 00:59

[JIopD]

Проще - открываеш style.css и правиш цвет:

.bgcolor1 { background-color: #0D0B0A; } - цвет титула блока
.bgcolor2 { background-color: #FAFAFA; }
.bgcolor3 { background-color: #F5F5F5; }
.bgcolor4 { background-color: #F5F5F5; color: #CCCCCC;} - цвет шапки блока

Поставить картинку? :

.bgcolor1 {
background-color: #FFFFFF;
background-image: url(images/bg1.gif); - меняем картинку в титуле блока.
color: #000000;
}
.bgcolor2 { background-color: #FAFAFA; }
.bgcolor3 { background-color: #F5F5F5; }
.bgcolor4 {
background-color: #FFFFFF;
background-image: url(images/blockbg.gif); - меняем картинку в шапке блока.
color: #000000;
.sort { background-color: #D1D8EC; }

--------------------------------------------------------------------------------------------------

продолжаем (IMG:http://antislaed.net/style_emoticons/default/smile.gif)
Создаем отдельный стиль для левого и правого блока...
Открываем style.css и добавляем:

КОД

.titleblockleft {                         - оформление титулки для левого блока
    color: #FFFFFF;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma;
    text-decoration: none;
    background-color: #EA4903;
            border: 1px #EA4903 solid;

}


.titleblockright {                             - оформление титулки для правого блока
    color: #FFFFFF;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma;
    text-decoration: none;
    background-color: #EA4903;    
            border: 1px #EA4903 solid;

}

.contentblockright {                             оформление шапки для правого блока
    color: #FFFFFF;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma;
    text-decoration: none;
    background-color: #EA4903;    
            border: 1px #EA4903 solid;

}

.contentblockright {                             - оформление шапки для правого блока
    color: #FFFFFF;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma;
    text-decoration: none;
    background-color: #EA4903;    
            border: 1px #EA4903 solid;

}

Правим код в block-left.html:

КОД

<table width="165px" border="0" cellspacing="1" cellpadding="3"><tr><td class="titleblockleft" align="center">$title</td></tr><tr><td class="contentblockleft">$content</td></tr></table><table border="0" cellspacing="2" cellpadding="0"><tr><td width="1" height="1"></td></tr></table>

Правим код в block-right.html:

КОД

<table width="165px" border="0" cellspacing="1" cellpadding="3"><tr><td class="titleblockright" align="center">$title</td></tr><tr><td class="contentblockright">$content</td></tr></table><table border="0" cellspacing="2" cellpadding="0"><tr><td width="1" height="1"></td></tr></table>

А теперь изменяя параметры в style.css, - коорденально меняя оформление 2х блоков... (IMG:http://antislaed.net/style_emoticons/default/wink.gif)
ЗЫ: Стили я не менял так что не смотрите что они одинаковы )

Сообщение отредактировал JIopD XaocA: Sep 2 2007, 18:57

[SeIZVeIZ]

лорд можеш написать код для центральных блокав а то у самого по анологии не получаеться с block-center (и по возможности кинь что должно быть в стайлес)

Сообщение отредактировал SeIZVeIZ: Sep 4 2007, 15:39

[SeIZVeIZ]

.contentblockright { оформление шапки для правого блока
color: #FFFFFF;
height: 20px;
font-size: 11px;
font-weight: bold;
font-family: Tahoma;
text-decoration: none;
background-color: #EA4903;
border: 1px #EA4903 solid;

}

.contentblockleft { - оформление шапки для левого блока
color: #FFFFFF;
height: 20px;
font-size: 11px;
font-weight: bold;
font-family: Tahoma;
text-decoration: none;
background-color: #EA4903;
border: 1px #EA4903 solid;

}[/code]

для остальных опечаточка

[JIopD]

SeIZVeIZ,
Ну вобщем делать отдельный стиль для центра глупо (IMG:http://antislaed.net/style_emoticons/default/smile.gif)
Просто правь .bgcolor1 .bgcolor4
Из html =
basic - эт новости
block-all+block-center - вообще безполезные...нужны для коректного отображение нескольких частей темы.
search - это поиск в блоке (типа как в блоке файлы в верху)
table-close+table-open - это таблицы всех блоков !
Всё остальное чепуха...

[SeIZVeIZ]

SeIZVeIZ,
Ну вобщем делать отдельный стиль для центра глупо (IMG:http://antislaed.net/style_emoticons/default/smile.gif)
Просто правь .bgcolor1 .bgcolor4
Из html =
basic - эт новости
block-all+block-center - вообще безполезные...нужны для коректного отображение нескольких частей темы.
search - это поиск в блоке (типа как в блоке файлы в верху)
table-close+table-open - это таблицы всех блоков !
Всё остальное чепуха...

я сделал себе "резиновое" лого но теперь вокрых логоидёт белая полоса и если я правлю там то правяться все центральные блоки (т.е я хател эту белую часть чёрно сделать и вместе с ней сделались чёрными все блоки центра0

[JIopD]

Ок - делаем отдельный клас для лого:
Открываем style.css и добавляем:

КОД

.logo {                             - оформление лого
    color: #FFFFFF;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma;
    text-decoration: none;
    background-color: #EA4903;    
            border: 1px #EA4903 solid;
}

в index.html правим:

КОД

<!--logo-->
<table width="100%" height="160" cellspacing="0" ...  class="logo">

Правим стиль - правим лого (IMG:http://antislaed.net/style_emoticons/default/smile.gif)

[SeIZVeIZ]

Спасибо ОГРОМНОЕ