Как создать самый деревянный шаблон к Joomla part 3.

Как создать самый деревянный шаблон к Joomla part 3.

Приветствую желающих познать самый простой и быстрый способ создать свой шаблон к Joomla! Вы на правильном пути, если решили почитать ещё немного моего бреда))) Ладно, никакого бреда. только серьёзная информация!

В прошлый раз мы добавили стандартный код в индех.пхп и прямо умопомрачительную фишку, как своя иконка сайта. Теперь мы добавим в сайт модули, определим где и что у нас будет находится.

На данный момент у нас в шаблоне не предусмотрено места для модулей, то есть ни меню , ни авторизация, на основной текст материалов отображаться не будет.

Сейчас шаблон, после раскраски  визуально выглядит так:
Joomla шаблон деревянныйJoomla шаблон деревянный

Деревянные Joomla 3 шаблоны
Пока меню самого не видно.

Для вставки модуля пишем это:

<jdoc:include type="modules" name="left" style="-1" />

в том месте таблицы , где вы хотите расположить модуль. Type здесь означает, что это модуль, name - произвольное понятное имя, style тип , как будет выводится модуль. Варианты:
1 горизонтальное меню
-1 Простое отображение без использования начального и замыкающего тегов <div>
-2 Отображение в виде XHTML
-3 Опция форматирования круглых углов
можно попробовать разные варианты, посмотрите.
Этот модуль я воткну в левый серый блок страницы, там где будет левое меню.
 
Также   каждый модуль нужно прописать в файле templatedetails.xml в таком виде:

<positions>
       <position>left</position>
 </positions>

И так с каждым модулем.
 
Чтобы обозначить главную область( то есть ту , где будет выводится текст) добавляем в соответствующую ячейку таблицы:

<jdoc:include type="component" />

Теперь у нас получилось:

Деревянные Joomla 3 шаблоны

Дальше вы можете определить уже куда вы хотите вставить какие модули.
Теперь можно подсобрать ваш шаблон в архив и установить его. Итак файл  templatedetails.xml выглядит так:

<install  version="1.5" type="template">
<name>Trader</name>
<creationDate>16.11.2010</creationDate>
<author>Neprofesional</author>
<copyright>Neprofesional- LJ</copyright>
<authorUrl>my.local</authorUrl>
<version>1.5</version>
<description>Template for trading sites</description>
<files>
    <filename>templateDetails.xml</filename>
    <filename>index.php</filename>
    <filename>css/template.css</filename>
    <filename>favicon.ico</filename>

</files>
   
<positions>
    <position>left</position>

  </positions>

</install>

index.php

<html>
<head>
<title>MarketMaker.RU</title>

<link
href="templates/trader/favicon.ico"  rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" type="text/css"
href="templates/trader/css/template.css" />
</head>

<body  class="styleoffon"  bgcolor="#FFFFFF" >
 

<table width="1000" height="574" border="1" align="center" >
<!-- Section 1 -->
<tr>
<!-- Part 1 -->
<td height="216" colspan="3" bgcolor="#CCCCCC" >&nbsp;</td>
<!-- Part 2 --></tr>
<tr bgcolor="#FFCCCC"  >
<!-- Part 3 -->
<td height="53" colspan="3">
</td>
</tr>
<!-- Section 2 -->
<tr  >
<!-- Part 4 -->
<td width="292" height="233" valign="top" bgcolor="#CCCCCC" class="left"  >
<div  >
<jdoc:include type="modules" name="left" style="1" class="menu"/> <p>&nbsp;</p>
</div>
</td>
<!-- Part 5 -->
<td width="478" height="233" align="left" valign="top"  class="main">

<jdoc:include type="component" /></td>
<!-- Part 6 -->
<td width="222" height="233" bgcolor="#CCCCCC">&nbsp;  </td>
</tr>
<!-- Section 3 -->
<tr >
<!-- Part 7 -->
<td height="40" colspan="3" bgcolor="#FFFFCC">&nbsp;

</td>
</tr>
</table>
</body>
</html>

Собираем всё в одну папку, архивируем в zip. И наш шаблон готов!!! Проверяем и гордимся собой))))

В след раз расскажу как добавить немного css'а в ваш шаблон. Всем пока)








































































Смотрите также:

Вам это будет интересно!

  1. Как создать самый деревянный шаблон к Joomla
  2. Как создать самый деревянный шаблон к Joomla part 4. Слегка про css.
  3. Безымянный 28835
  4. Самый тупой день недели.
  5. Cегодня ходил в кино смотреть «самый лучший фильм»