- /.s/t/661/1.gif
- /.s/t/661/2.gif
- /.s/t/661/3.jpg
- /.s/t/661/4.jpg
- /.s/t/661/5.jpg
- /.s/t/661/6.jpg
- /.s/t/661/13.gif
- /.s/t/661/14.gif
- /.s/t/661/15.gif
картинки с цифрами 7-9 обозначают за обозначения Главной страницы, Профиля и Выхода и расположены они на маленьких елочных шариках на шапке
Добавлено (18.12.2012, 22:30)
---------------------------------------------
ПУ - Дизайн - Первый и Второй контейнеры Отвечают за левую и правую колонки на всех страницах форума.
Каждая колонка состоит из блока который имеет вид
Код
<!-- <block1> -->
<?if($SMENU_1$)?>
<table border="0" cellpadding="0" cellspacing="0" width="204">
<tr><td style="background:url('/.s/t/661/16.gif');padding-top:10px;color:#005FAF;" height="42" align="center" valign="top"><b><!-- <bt> --><!--<s5184>-->Меню сайта<!--</s>--><!-- </bt> --></b></td></tr>
<tr><td style="background:url('/.s/t/661/17.gif') bottom no-repeat;padding:0 7px 0 7px;"><!-- <bc> -->$SMENU_1$<!-- </bc> --></td></tr>
<tr><td><img src="/.s/t/661/18.gif" border="0"></td></tr>
</table><div style="height:5px;"></div>
<?endif?>
<!-- </block1> -->
где $SMENU_1$ - код отвечающий за что-то. В данном случае за меню сайта
$CATEGORIES$ - категории статей, фотографий, блога и т.д
$CHAT_BOX$ - мини-чат
$POLL$ - Опросы
$COUNTER$ || $ONLINE_COUNTER$ - статистика кто онлайн
$LOGIN_FORM$ - форма входа
Добавлено (18.12.2012, 22:33)
---------------------------------------------
Чтоб поменять дизайн блока в колонке достаточно изменить пару картинок Код
<!-- <block1> -->
<?if($SMENU_1$)?>
<table border="0" cellpadding="0" cellspacing="0" width="204">
<tr><td style="background:url('/.s/t/661/16.gif');padding-top:10px;color:#005FAF;" height="42" align="center" valign="top"><b><!-- <bt> --><!--<s5184>-->Меню сайта<!--</s>--><!-- </bt> --></b></td></tr>
<tr><td style="background:url('/.s/t/661/17.gif') bottom no-repeat;padding:0 7px 0 7px;"><!-- <bc> -->$SMENU_1$<!-- </bc> --></td></tr>
<tr><td><img src="/.s/t/661/18.gif" border="0"></td></tr>
</table><div style="height:5px;"></div>
<?endif?>
<!-- </block1> -->
/.s/t/661/16.gif - верхняя часть блока
/.s/t/661/17.gif - середина блока, которая растягивается и повторяется
/.s/t/661/18.gif - нижняя часть блока
Добавлено (18.12.2012, 22:39)
---------------------------------------------
Цитата (Rosary)
<table border="0" cellpadding="0" cellspacing="0" width="204">
width="204" - отвечает за ширину блока. В данном случае 204 рх. Лучше конечно его не трогать и оставить так как есть.
Цитата (Rosary)
<tr><td style="background:url('/.s/t/661/16.gif');padding-top:10px;color:#005FAF;" height="42" align="center" valign="top"
Строка верха блока
/.s/t/661/16.gif - картинка
padding-top:10px - отступ текста от левого края. Название колонки - например МЕНЮ САЙТА
color:#005FAF; - цвет заголовка блока
height="42" - высота фоновой картинки под названием '/.s/t/661/16.gif'
Добавлено (18.12.2012, 22:51)
---------------------------------------------
Графику советую создавать полную, а лишь потом резать ее на части.
Для блока обычно делаю такого вида
Потом режу картинку на три части - верх, середину и низ и уже корректирую в коде высоту картинки
