ExBB Community :: Версия для печати :: Шапка и ее настройки [3]

31. Sir1us - 25 февраля 2012 — 16:12 - перейти к сообщению

gudman пишет:

я могу Вас сбросить папку скина, что бы вы разобрались как это реализовано!

Этим кто то займется?
Думаю такая тема заинтересует многих.

32. electron - 25 февраля 2012 — 16:13 - перейти к сообщению

ну вот смотрите...

в logos.tpl перед

CODE:

поставили картинку во всю ширину страницы

CODE:

прикрутив к ней класс id="bg" , этот класс добавлен в style.css . вот он :

CODE:

#bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: auto; }
.bgwidth { width: 100%; }
.bgheight { height: auto; }

position: absolute - делает картинку неизменяемой , по крайней мере по горизонтали

всё остальное что ниже - стандартный форумный каркас. ну немного переделан еще класс logomenu. остается только сделать/найти картинку bg.png и залить ее в соответствии с кодом , т.е. в папку templates/GreyExBB/im/

33. gudman - 25 февраля 2012 — 16:39 - перейти к сообщению

electron, я не нахожу в файле logos.tpl этот код!

34. electron - 25 февраля 2012 — 16:50 - перейти к сообщению

gudman , ну его можно еще поставить в all_header.tpl сразу после открывающего тэга <body> . в принципе, без разницы, в обоих местах он будет работать одинаково

35. gudman - 25 февраля 2012 — 17:01 - перейти к сообщению

electron, да, так и есть! Ты прав...
(Добавление)
но, чтобы не растягивалась шапка по высоте в данном варианте не получится сделать, иначе искажаться будет!
(Добавление)
да, и еще, подскажи пожалуйста как мне в низ страницы вставить картинку таким же способом?

36. electron - 25 февраля 2012 — 17:46 - перейти к сообщению

gudman пишет:

да, и еще, подскажи пожалуйста как мне в низ страницы вставить картинку таким же способом?

ну это смотря в какой низ ставить. если под значек RSS 2.0, то можно сделать аналогично в файле board_body.tpl перед кодом

CODE:

DATA;
?>

а если ставить картинку выше строки [Script Execution time: 0.0578] [Memory usage (real): 3.5] [Memory usage (emalloc): 3] [ Gzipped ] (не понимаю, нафига она вообще нужна... ) , то это уже надо загонять в файл include/page_tail.php

37. gudman - 25 февраля 2012 — 17:49 - перейти к сообщению

да надо эту строку убрать, не знаю как это сделать:

Цитата:

[Script Execution time: 0.0578] [Memory usage (real): 3.5] [Memory usage (emalloc): 3] [ Gzipped ]

Хотел в низ картинку вставить, на самое дно! ну как шапка от начала, так и самый конец страницы!

38. electron - 25 февраля 2012 — 17:55 - перейти к сообщению

gudman пишет:

да надо эту строку убрать, не знаю как это сделать:

Цитата:

[Script Execution time: 0.0578] [Memory usage (real): 3.5] [Memory usage (emalloc): 3] [ Gzipped ]

просто из page_tail.php убрать

CODE:

<center>
<font color="#990000" size="1">
[Script Execution time: $totaltime]     [ {$_GZIP_STATUS} ]</font

<br /><br />
</font>
</center>

и всё

39. gudman - 25 февраля 2012 — 18:04 - перейти к сообщению

Строку убрал, а как картинку в низ вставить не пойму?
вставляю вот эту строку:

CODE:

после

CODE:

echo <<<FOOTER

и картинка вставляется вверх фрейма, поверх шапки!

40. electron - 25 февраля 2012 — 18:10 - перейти к сообщению

ну тогда можно попробовать поставить ее в footer.tpl выше

CODE:

DATA;
?>

или выше

CODE:

</table>
</td>
</tr>
</table>
DATA;
?>

41. gudman - 25 февраля 2012 — 18:20 - перейти к сообщению

неа....устанавливается в верху!

42. electron - 25 февраля 2012 — 18:49 - перейти к сообщению

ну прально, класс же для шапки сделан + картинку надо будет обрезать снизу ( сделать обрезанный снизу дубликат с другим именем )+ для нее другой класс вводить

примерно как-то так....

в footer.tpl добавляем :

CODE:

в style.css ниже

CODE:

#bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: auto; }
.bgwidth { width: 100%; }
.bgheight { height: auto; }

пишем

CODE:

#footerbg { position: absolute; z-index: -1; width: 100%; height: auto; }

по идее теперь должно сработать

43. gudman - 25 февраля 2012 — 19:44 - перейти к сообщению

хм...интересно! попробовал сделать... картинка устанавливается в низ
с левой стороны образуется отступ от левого края
а сама картинка сдвигается в низ!
Пока убрал, стремно на форуме оставлять...

44. electron - 25 февраля 2012 — 19:57 - перейти к сообщению

gudman пишет:

сама картинка сдвигается в низ!

в каком случае она сдвигается вниз?

ну попробуй такой класс :

CODE:

#footerbg { position: bottom; left: 0; z-index: -1; width: 100%; height: auto; }

+ держи обрезанную картинку для футера

сейчас попробовал у себя - вроде нормально смотрится

45. gudman - 25 февраля 2012 — 20:19 - перейти к сообщению

Спасибо за картинку, я только хотел другую, нижнюю часть установить.
С новым классом сейчас попробую...
(Добавление)
ну вот смотри что происходит в низу: http://jeepgarage.ru/forum/tools...ction=threadstop