1

Тема: Резиновая шапка сайту из table на Joomla 3.x.

Изначально делаем файл 1.html для теста резиновой шапки со следующим кодом.
Как видно по коду, это таблица table  со статичным  фоном и двумя ячейками td, в каждлой из которых прописана стилями фоновая картинка.

<html xmlns="http://_.w3.org/1999/xhtml">
<head>
<style>
#boris{ 
width:100%;
height: 202px; 
background-image: url("mult_2.png");
background-repeat: repeat-x;
background-position: top;
border:0;
}

#sleft{
background-image: url("mult.png");
background-repeat: no-repeat;
background-position: left;
}

#sright  {
width:70%;
background-image: url("mult_3.png");
background-repeat: no-repeat;
background-position: right;
}
 </style>
</head>

<body>

<table id="boris">
<tbody>

<tr>
    <td id="sleft"></td>
     <td id="sright"></td>
</tr>


</tbody>
</table> 



Тут будет сам контент сайта на Joomla 3
</body></html>

Так же в папке с html файлом располагаем картинки шапки.

Post's attachments

mult.png, 64.84 kb, 247 x 202
mult.png 64.84 kb, 509 downloads since 2014-12-19 

mult_2.png, 1.09 kb, 26 x 202
mult_2.png 1.09 kb, 510 downloads since 2014-12-19 

mult_3.png, 148.17 kb, 644 x 202
mult_3.png 148.17 kb, 450 downloads since 2014-12-19 

Поделиться

2

Re: Резиновая шапка сайту из table на Joomla 3.x.

Далее я создал в Joomla 3 новый модуль с типом "HTML-код", в него скинул код из тега body.
Потом в шаблоне сайта прописал стили через редактор шаблонов в css файл.
Я использовал шаблон yoo_balance, который формируется в /layouts/template.php

Поделиться