::cck::54::/cck::
::description::::/description::

Добавление позиций для модулей в шаблоне Joomla 2.5

::cck::67::/cck::
::introtext::

При добавлении новой позиции для модулей, нужно будет внести изменения в два файла шаблона:
/templates/имя_шаблона/index.php
и
/templates/имя_шаблона/templateDetails.xml.

::/introtext::
::fulltext::

В файле index.php, для добавления новой позиции для модулей, необходимо вставить строчку кода:

<jdoc:include type="modules" name="имя_позиции" style="xhtml" />

где
<jdoc:include /> - тег, который используется в Joomla для отображения некоего содержимого (модуля) на странице. Тип содержимого указывается с помощью атрибута type.
type - тип содержимого, которое нужно отобразить. В данном случае модули type="modules".
name - имя позиции. Можно придумать любое.Например: name="position-14"
style - стиль, в который будут оформлены все модули, выводимые в данной позиции. В Joomla предусмотрено шесть стандартных стилей:
    horz - выводит модуль в теге td другой таблицы;
    none - выводит содержимое модуля, без оформления и заголовка;
    outline - используется для отладочной информации;
    rounded - выводит модуль в 4-х div, в основном используется для вывода модуля с закругленными углами;
    table - выводит модуль в виде таблицы;
    xhtml - выводит модуль в теге div и заголовок модуля в теге h3.

Каждый из этих стилей описывается в системном файле /templates/system/html/modules.php и они являются общими для всех шаблонов, которые установлены в joomla. Также можно создавать собственные стили вывода модуля для конкретного шаблона. Для этого нужно в используемом шаблоне создать файл /templates/имя_шаблона/html/modules.php и описать в нем собственные стили. Например: в шаблоне beez_20 присутствуют следующие стили: style="beezHide", style="beezTabs", style="beezDivision". Эти стили расписаны в файле /templates/beez_20/html/modules.php.

После добавления позиции в «index.php», необходимо добавить имя позиции в файл templateDetails.xml.
Список всех имен позиций заключается в теги <positions> и </positions>.
Ниже приведен пример для вставки имени позиции в файл templateDetails.xml шаблона beez_20:

<positions>
    <position>имя_позиции</position>
    <position>debug</position>
    <position>position-0</position>
    <position>position-1</position>
    <position>position-2</position>
    <position>position-3</position>
    <position>position-4</position>
    <position>position-5</position>
    <position>position-6</position>
    <position>position-7</position>
    <position>position-8</position>
    <position>position-9</position>
    <position>position-10</position>
    <position>position-11</position>
    <position>position-12</position>
    <position>position-13</position>
    <position>position-14</position>
</positions>

Можно размещать любое количество позиций для вывода модулей и где угодно в файле index.php.

В одной позиции может быть выведено неограниченное количество модулей. Порядок отображения модулей в одной и той же позиции устанавливается в Менеджере модулей админпанели Joomla.

Позиция для вывода модулей может указываться непосредственно внутри отдельной статьи.

::/fulltext::

Как удалить кнопку "Скрыть информацию" из шаблона Beez_20 в joomla

::cck::65::/cck::
::introtext::

При установке модулей в правую колонку над этой колонкой появляется кнопка "Скрыть информацию". Для удаления этой кнопки открываем файл /templates/beez_20/index.php и ищем строки

::/introtext::
::fulltext::

<a href="#" onclick="auf('right')">
<span id="bild">
<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE'); ?></span></a>

И удаляем их.
Кнопка "Скрыть информацию" исчезнет.

Но это действие вызывает ошибку в JavaScript - /templates/beez_20/javascript/md_stylechanger.js строка 66

66.  container.set('html', content);

Эта ошибка происходит из-за удаления функции размеров шрифта в index.php шаблона <div id="fontsize"></div>
Для исправления этой ошибки в md_stylechanger.js файле стоит закомментировать или удалить строки с 63 по 67 и строку 74

63.  function addControls() {
64.  var container = document.id('fontsize');
65.  var content = '<h3>'+ fontSizeTitle +'</h3><p><a title="'+ biggerTitle +'" href="#" onclick="changeFontSize(2); return false">'+ bigger +'</a><span class="unseen">.</span><a href="#" title="'+resetTitle+'" onclick="revertStyles(); return false">'+ reset +'</a><span class="unseen">.</span><a href="#" title="'+ smallerTitle +'" onclick="changeFontSize(-2); return false">'+ smaller +'</a></p>';
66.  container.set('html', content);
67.  }
....
74.  window.addEvent('domready', addControls);

::/fulltext::

Как растянуть шаблон Beez_20 в Joomla на всю ширину экрана

::cck::55::/cck::
::introtext::

В этой статье показано - как сделать стандартный шаблон Beez_20 "резиновым". Чтобы независимо от разрешения экрана, сайт занимал всю ширину экрана. Данный способ проверен на Joomla 1.7 и Joomla 2.5

::/introtext::
::fulltext::

Если используется файловый менеджер хостинг-провайдера или FTP-менеджер, то надо найти файл стилей "наш_сайт\templates\beez_20\css\position.css". Если же используется Панель управления Joomla, то нужно перейти в Расширения -> Менеджер шаблонов

menedger shablonov m

Далее переходим в  Шаблоны -> Параметры Beez_20. Откроется окно Менеджер шаблонов: Изменить шаблон.

izmenit shablon m

Справа перечислены все Таблицы стилей шаблона Beez_20. Находим строку Изменить css/position.css и нажимаем на нее. Откроется окно Менеджер шаблонов: Изменить файл.

izmenit fajl m

Здесь мы сможем отредактировать данный файл.
Находим ширину главного div‘a. Она равна 1050px.

#all
{
margin: 0 auto;
max-width: 1050px;
padding: 0px;
text-align: left;
}

Меняем это значение на 100%.

#all
{
margin: 0 auto;
max-width: 100%;
padding: 0px;
text-align: left;
}

Затем в этом же файле находим ширину футера. Она равна 1020px.

#footer-inner
{
max-width: 1020px;
margin: 0 auto;
font-size: 0.8em;
padding: 10px 15px 15px 10px;
}

Меняем это значение на 100%.

#footer-inner
{
max-width: 100%;
margin: 0 auto;
font-size: 0.8em;
padding: 10px 15px 15px 10px;
}

Сохраняем файл и заходим на свой сайт - смотрим, что получилось. Для того, чтобы сразу увидеть результат после изменения CSS необходимо, чтобы новые стили браузер заново загрузил. Для этого нажмите Ctrl+R

Последнее что нужно сделать - это откоректировать шапку. После того как сайт растянулся на всю ширину экрана картинка шапки сместилась вправо, а с лева появился синий прямоугольник. Это произошло потому что ширина картинки составляет 1060px. Картинка шапки находится в папке “наш_сайт\templates\beez_20\images\personal\personal2.jpg”. Можно создать свою картинку большего размера и заменить файл personal2.jpg на свой (имя файла нужно оставить personal2.jpg). Если нет подходящей картинки, то можно отключить вывод картинки в таблице стилей и вся шапка будет синего цвета.

Для отключения картинки нам нужен файл с настройками стилей, который находится по адресу "наш_сайт\templates\beez_20\css\personal.css". В нем находим:

.logoheader
{
    background:  #0c1a3e  URL(../images/personal/personal2.png) no-repeat bottom right ;
    color:#fff;
    min-height:200px;
    margin:0em 10px 0 10px !important;
}

Удаляем URL(../images/personal/personal2.png) no-repeat bottom right. Должно получиться следующее:

.logoheader
{
background: #0c1a3e;
color:#fff;
min-height:200px;
margin:0em 10px 0 10px !important;
}

Сохраняем файл. Вот и все.

::/fulltext::

Форма входа

Яндекс.Метрика