Статья поможет пользователям, которые еще довольно мало знакомы с шаблонами Dle и tpl файлов в частности. Статья поможет разобраться в чем их основное предназначение и как с ними работать.
Люди которые хорошо знакомы и не очень с HTML и CSS легко освоят работу с файлами шаблона dle.
Итак начнем в состоящий из шаблонов с расширением *.tpl есть стандартные и обязательные файлы шаблонов, которые должны там присутствовать. При отсутствии одного из файла система будет сообщать о ошибке
, в некоторых случаях интернет-портал не будет работать совсем.
Подробно о каждом файле шаблона DataLife Engine
addcomments.tpl - Форма для добавления комментариев только в полной новости.
addnews.tpl - Форма для добавления публикации на веб-ресурс, для заполнения данных о новости: заголовок, категорию новости, короткую и полную новость, поля для облака тегов и различные администраторские функции.
comments.tpl - Отвечает за оформление комментариев, как в полной публикации так и последние комментарии.
feedback.tpl - Основное оформление формы обратной связи с поля заполнения.
fullstory.tpl - Шаблон файл оформление полной новости, дату публикации, автор, количество комментариев, вывод похожих новостей и т.д.
info.tpl - Форма сообщения страницы ошибки на веб-ресурсе, выходит например при неправильной авторизации.
informer.tpl - Файл оформления вывода информера (партнеров или например новости Яндекс и т.д.) на блоге.
login.tpl - Основной файл оформления формы Авторизации, Админ панели
lostpassword.tpl - Форма восстановления (при потери) пароля, выводится только для не авторизованных пользователей.
main.tpl - Основной файл оформления главной страницы вывода информации блога DLE, к которому подключаются остальные шаблоны.
navigation.tpl - Шаблон оформления перехода по страницам, постраничная навигация.
offline.tpl - Страница отключенного сайта при технических работах, если необходимо провести глобальные изменения на веб-проекте. Будет виден всем кроме администрации интернет источника.
pm.tpl - Форма оформления Отправки, Входящих и Отправленных сообщений на интернет-портале дле, отвечает за оформление личных сообщений пользователя.
preview.tpl - Настройки оформления стилей CSS для окна предварительного просмотра при добавлении новости, в которую входит оформление для короткой и полной новости.
print.tpl - Страницы Распечатки для принтера.
profile_popup.tpl - Всплывающее модальное окно при включенном AJAX скрипте, которое выходит при выборе логина пользователя мышкой. Отвечает за оформление POP - Up окна с краткой информацией о пользователе.
registration.tpl
- Форма регистрации нового пользователя после принятия правил выдает анкету с полями для заполнения и регистрации.
ПС.Правила интернет-портала находятся в статической странице, и не присутствуют в данном шаблоне.
relatednews.tpl - Форма оформления Вывод похожих новостей.
search.tpl - Выводит страницу простого поиска по веб-ресурсу, куда входит поле для заполнения и кнопки Поиск и Расширенный поиск.
searchresult.tpl - Форма оформления результата поиска, а также при выборе Расширенный поиск выводит поля для заполнения.
shortstory.tpl -Важный шаблон осуществляет оформление короткой новости.
speedbar.tpl - Данный файл выводит полную ссылку на категорию в которой опубликована новость, и отвечает за быстрый переход в нужный раздел (хлебные крошки).
static.tpl - Данный файл шаблона отвечает за оформление и вывод статических страниц созданных в админ панели Dle.
static_print.tpl - Применяется для оформления статической страницы Версия для печати
stats.tpl - Оформление Статистики веб-ресурса, с выводом всей информации.
tagscloud.tpl - Шаблон оформления облака тегов.
topnews.tpl - Применяется для оформления популярных новостей.
userinfo.tpl - Форма оформления профиля информации о пользователи, а также POP - Up окном для последующего редактирования данных, открывается если пользователь зарегистрирован на веб-проекте.
vote.tpl - Используется оформления вывода результатов голосований, как Все опросы на DLE или Всего проголосовало.
На данный момент перечислены основные tpl файлы шаблона Dle, с выходом новых версий возможны изменения и добавления новых шаблонов TPL для движка DataLife Engine .
Помимо основных шаблонов TPL в DLE, любой пользователь может добавить свои, для удобного оформления, улучшения и установки сторонних модулей на веб-проект!
Для этого создается сам шаблон например:
leftblocks.tpl (левый блок веб-проекта) в который добавляются элементы оформления.
Внимание! Для нормальной работы файл должен находится в папке с основными шаблонами там же где и main.tpl!
Для подключения такого блока используется тег {include} Например:
Который вставляется в нужном месте main.tpl
{include file="leftblocks.tpl"}
Помимо такой вставки есть ещё вариант подключения коротких новостей с помощью шаблонов например:
shortstory-1.tpl Короткая новость в который добавляются элементы оформления. Пример вставки:
{title}
В main.tpl вставляем тег с настройками:
{custom category="2,3" template="shortstory-1" aviable="global" from="0" limit="5" cache="yes"}
В результате если вставить такую вставку например: в правый блок, появится ссылка и title последних новостей категории 2 и 3 как на нашем сайте сайт раздел Новости "Модули ДЛЕ " и т.д., где
custom category="2,3" (категории из которых берется новость можно добавить ещё через запятую)
template="shortstory-1" (название шаблона)
aviable="global" (глобально для всех, можно установить main вместо global будет только на главной выводится информация)
from="0"
limit="5" (количество публикаций)
cache="yes" (Включить/Выключить кеширование)
Также в шаблонах присутствую стандартные папки:
bbcodes (Папка с файлами картинок для редактирования таких как Смайлов, HTML цвета и BBcodes)
dleimages (Папка с файлами картинок для оформления рейтинга, закладок, водяного знака и т.д.)
images ((Папка с файлами изображений для оформления шаблона. может иметь разное название)
js (Папка с файлами скриптов JS и т.д.)
style (Папка с файлами каскадов стилей для оформления шаблонов)
Внимание!
Скрипты обязательно должны находиться в папке JS ,в котором должен быть файл.htaccess для защиты от разного рода угроз, если такого файла не будет скрипт не запустится (сработает система защиты Dle).
Внимание!
Во всех папках шаблона также должен быть файл.htaccess
Пример файла.htaccess с данными внутри:
Order Deny,AllowAllow from all
Внимание!
В шаблоне там же где main.tpl должен быть файл.htaccess С таким кодом:
Order allow,denyDeny from all
Файл.htaccess можно скачать из шаблона дистрибутива движка DataLife Engine
О многих других возможностях читайте в документации к движку Documentation/readme.chm
Там есть информация о каждом теге и многое другое!
Например: Подключение самих модулей (голосование, авторизация, полной и короткой новости и др.) осуществляется в файлах tpl по средствам специальных тегов. Чтобы подключить модуль голосования, к примеру следует вписать тег {poll}, который будет выводить голосование в дополнительном шаблоне tpl, а все оформление голосование будет храниться в tpl файле голосования, то есть в poll.tpl.
При наличии на компьютере установленной антивирусной программы можносканировать все файлы на компьютере, а также каждый файл в отдельности . Можно выполнить сканирование любого файла, щелкнув правой кнопкой мыши на файл и выбрав соответствующую опцию для выполнения проверки файла на наличие вирусов.
Например, на данном рисунке выделен файл my-file.tpl , далее необходимо щелкнуть правой кнопкой мыши по этому файлу, и в меню файла выбрать опцию «сканировать с помощью AVG» . При выборе данного параметра откроется AVG Antivirus, который выполнит проверку данного файла на наличие вирусов.
Иногда ошибка может возникнуть в результате неверной установки программного обеспечения , что может быть связано с проблемой, возникшей в процессе установки. Это может помешать вашей операционной системе связать ваш файл TPL с правильным прикладным программным средством , оказывая влияние на так называемые «ассоциации расширений файлов» .
Иногда простая переустановка NoteTab может решить вашу проблему, правильно связав TPL с NoteTab. В других случаях проблемы с файловыми ассоциациями могут возникнуть в результате плохого программирования программного обеспечения разработчиком, и вам может потребоваться связаться с разработчиком для получения дополнительной помощи.
Совет: Попробуйте обновить NoteTab до последней версии, чтобы убедиться, что установлены последние исправления и обновления.
Это может показаться слишком очевидным, но зачастую непосредственно сам файл TPL может являться причиной проблемы . Если вы получили файл через вложение электронной почты или загрузили его с веб-сайта, и процесс загрузки был прерван (например, отключение питания или по другой причине), файл может повредиться . Если возможно, попробуйте получить новую копию файла TPL и попытайтесь открыть его снова.
Осторожно: Поврежденный файл может повлечь за собой возникновение сопутствующего ущерба предыдущей или уже существующей вредоносной программы на вашем ПК, поэтому очень важно, чтобы на вашем компьютере постоянно работал обновленный антивирус.
Если ваш файл TPL связан с аппаратным обеспечением на вашем компьютере , чтобы открыть файл вам может потребоваться обновить драйверы устройств , связанных с этим оборудованием.
Эта проблема обычно связана с типами мультимедийных файлов , которые зависят от успешного открытия аппаратного обеспечения внутри компьютера, например, звуковой карты или видеокарты . Например, если вы пытаетесь открыть аудиофайл, но не можете его открыть, вам может потребоваться обновить драйверы звуковой карты .
Совет: Если при попытке открыть файл TPL вы получаете сообщение об ошибке, связанной с.SYS file , проблема, вероятно, может быть связана с поврежденными или устаревшими драйверами устройств , которые необходимо обновить. Данный процесс можно облегчить посредством использования программного обеспечения для обновления драйверов, такого как DriverDoc .
Если шаги не решили проблему , и у вас все еще возникают проблемы с открытием файлов TPL, это может быть связано с отсутствием доступных системных ресурсов . Для некоторых версий файлов TPL могут потребоваться значительный объем ресурсов (например, память/ОЗУ, вычислительная мощность) для надлежащего открытия на вашем компьютере. Такая проблема встречается достаточно часто, если вы используете достаточно старое компьютерное аппаратное обеспечение и одновременно гораздо более новую операционную систему.
Такая проблема может возникнуть, когда компьютеру трудно справиться с заданием, так как операционная система (и другие службы, работающие в фоновом режиме) могут потреблять слишком много ресурсов для открытия файла TPL . Попробуйте закрыть все приложения на вашем ПК, прежде чем открывать Document Template. Освободив все доступные ресурсы на вашем компьютере вы обеспечите налучшие условия для попытки открыть файл TPL.
Если вы выполнили все описанные выше шаги , а ваш файл TPL по-прежнему не открывается, может потребоваться выполнить обновление оборудования . В большинстве случаев, даже при использовании старых версий оборудования, вычислительная мощность может по-прежнему быть более чем достаточной для большинства пользовательских приложений (если вы не выполняете много ресурсоемкой работы процессора, такой как 3D-рендеринг, финансовое/научное моделирование или интенсивная мультимедийная работа). Таким образом, вполне вероятно, что вашему компьютеру не хватает необходимого объема памяти (чаще называемой «ОЗУ», или оперативной памятью) для выполнения задачи открытия файла.
Самой частой причиной проблем с раскрытием файла TPL является просто отсутствие соответствующих приложений, установленных на Вашем компьютере. В таком случае достаточно найти, скачать и установить приложение, обслуживающее файлы в формате TPL - такие программы доступны ниже.
Поисковая системаВведите расширение файла
Помощь ПодсказкаНеобходимо учесть, что некоторые закодированные данные из файлов, которые наш компьютер не читает, иногда можно просмотреть в Блокноте. Таким образом мы прочитаем фрагменты текста или числа - Стоит проверить, действует ли этот метод также в случае файлов TPL.
Что сделать, если приложение со списка уже было установлено?Часто установленное приложение должно автоматически связаться с файлом TPL. Если это не произошло, то файл TPL успешно можно связать вручную с ново установленным приложением. Достаточно нажать правой кнопкой мышки на файл TPL, а затем среди доступных выбрать опцию "Выбрать программу по умолчанию". Затем необходимо выбрать опцию "Просмотреть" и отыскать избранное приложение. Введенные изменения необходимо утвердить с помощью опции "OK".
Программы, открывающие файл TPL Windows Mac OS Почему я не могу открыть файл TPL?Проблемы с файлами TPL могут иметь также другую почву. Иногда даже установление на компьютере программного обеспечения, обслуживающего файлы TPL не решит проблему. Причиной невозможности открытия, а также работы с файлом TPL может быть также:
Несоответственные связи файла TPL в записях реестра
- повреждение файла TPL, который мы открываем
- инфицирование файла TPL (вирусы)
- слишком маленький ресурс компьютера
- неактуальные драйверы
- устранение расширения TPL из реестра системы Windows
- незавершенная установка программы, обслуживающей расширение TPL
Устранение этих проблем должно привести к свободному открытию и работе с файлами TPL. В случае, если компьютер по-прежнему имеет проблемы с файлами, необходимо воспользоваться помощью эксперта, который установит точную причину.
Мой компьютер не показывает расширений файлов, что сделать?В стандартных установках системы Windows пользователь компьютера не видит расширения файлов TPL. Это успешно можно изменить в настройках. Достаточно войти в "Панель управления" и выбрать "Вид и персонализация". Затем необходимо войти в "Опции папок", и открыть "Вид". В закладке "Вид" находится опция "Укрыть расширения известных типов файлов" - необходимо выбрать эту опцию и подтвердить операцию нажатием кнопки "OK". В этот момент расширения всех файлов, в том числе TPL должны появится сортированные по названию файла.
Проще всего делать шаблоны на основе уже сверстанных в HTML статических страниц. Рассмотрим создание и подключение шаблона на примере. Допустим, уже есть HTML-файл такого содержания:
// начало меню Главная Обо мне Я и мировое господство Контакты // конец меню Главная страница Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне:Для того, чтобы добавить шаблон в CMS, нужно создать файл в директории tpls/content , например, test.tpl , и вставить туда ваш HTML-код. CSS-файл следует положить в папку css/cms и назвать style.css . Изображения желательно положить в папку images . Не забудьте поменять пути ко всем изображениям и CSS-файлам.
ЗамечаниеВ названии файла шаблона нельзя использовать русские буквы!
Чтобы система «увидела » новый шаблон и начала использовать его для вывода страниц, шаблон необходимо добавить в систему. Для этого следует зайти в настройки модуля «Структура », вкладка «Шаблоны » (http://yourdomain.ru/admin/content/config/ ). Вы увидите список уже установленных шаблонов в каждом домене, которые существуют в выбранной языковой версии.
Чтобы подключить новый файл шаблона, заполните в самой нижней свободной строке поля «Название шаблона » (дайте ему какое-нибудь осмысленное название, например «Мой тестовый шаблон ») и «Имя файла » (в нашем случае, test.tpl) и нажмите кнопку «Сохранить ».
Если вы хотите, чтобы этот шаблон использовался в качестве шаблона по умолчанию, поставьте напротив него отметку «Основной ». Теперь этот шаблон будет выбран по умолчанию в выпадающем списке выбора шаблонов. Так же он будет использоваться для вывода системных страниц, которые используют шаблон по умолчанию (Регистрация, Восстановление пароля, Карта сайта).
Шаблоны будут видны в выпадающем списке при редактировании каждой страницы:
Таким образом, на одном сайте можно одновременно использовать много шаблонов, выбирая подходящий шаблон как для отдельной страницы, так и для группы страниц.
Попробуйте создать новую страницу (убедитесь, что в опции «Шаблон дизайна » выбран новый шаблон) и посмотрите, что получилось на сайте.
На сайте должен появиться ваш HTML-шаблон. Но сейчас он статический. Теперь вам надо сделать его динамическим.
Для начала надо определить, какие части HTML-кода будут изменяться. В нашем случае изменяться будут:
заголовок окна ;
мета-теги keywords и description;
заголовок текста ;
собственно текст;
меню сайта.
Значит, предстоит немного поработать с HTML-шаблоном и вместо изменяющихся участков поставить соответствующие макросы.
Например, в начале HTML-файла заданы мета-теги и тайтл:
Сайт Васи Пупкина: Главная страницаЗаменяем их на соответствующие макросы (список макросов дан в приложении):
%title%Теперь система при формировании страниц будет брать мета-теги и тайтл, прописанные для каждой страницы индивидуально, и подставлять их вместо соответствующих макросов. Названия макросов запомнить очень просто.
Аналогично поступим с заголовком текста. Было так:
Главная страницаА станет так. Заголовок текста выводится макросом %header%:
%header%Основной текст страницы тоже изменяется:
Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне:Для вывода основного текста страницы есть макрос %content% :
%content%В начало файла между тегами и вставляем макрос:
Эта строчка подключает функцию быстрого редактирования и другие полезные возможности. При помощи нее вы сможете, нажав Shift +D , быстро перейти к правке текущей страницы сайта или каких-либо ее фрагментов.
В итоге должно получиться следующее:
%title% %system includeQuickEditJs()% // начало меню Главная О компании Проекты Контакты // конец меню %header% %content%Итак, мы сохраняем файл шаблона и смотрим на результат. Теперь страница практически полностью динамическая, за исключением меню. Предстоит «оживить » меню сайта. Посмотрим как сверстано меню:
// начало меню Главная Обо мне Я и мировое господство Контакты // конец менюМеню состоит из пунктов. Само меню как-то оформлено, и у пунктов тоже есть оформление. Например, у всего меню может быть некая рамка или фон, текущий пункт меню может быть выделен жирным и т.п. Также в одном меню могут быть разные уровни.
Выделим обрамление меню:
// начало меню // конец менюПункт меню оформлен так:
КонтактыТекущий пункт меню оформлен по-другому:
ГлавнаяИсходный шаблон меню находится в файле /tpls/content/menu/default.tpl и выглядит так:
Вначале немного непонятно. На самом деле, все очень просто. Посмотрим на первую часть кода:
$FORMS ["menu_block_level1" ] =Мы уже знаем, что вместо %lines% система подставляет пункты меню с их HTML-обрамлением. Нам встретились новые макросы. Вместо %link% вставляется URL пункта меню, а вместо %text% ― текст (определяется в поле «название страницы »).
Теперь меню можно вставить в шаблон страницы макросом %menu% ::
%title% %system includeQuickEditJs()% // начало меню %menu% // конец меню %header% %content%Шаблон готов.
Если вы хотите на каких-то страницах сайта выводить меню по другому шаблону, нужно создать еще один файл с шаблоном меню в той же папке. Например, menu2.tpl . Соответственно, при подключении меню к шаблону страницы вместо %menu% надо написать немного по-другому: %content menu("menu2")% .
Работа этого и других макросов подробно описана в текущей документации. Работа с ними строится точно по такому же принципу: вы разбиваете необходимый кусок HTML-шаблона на отдельные части, подставляете в соответствующие блоки нужных шаблонов, вставляете на место этого куска соответствующий макрос и он начинает работать.
Важно учитывать: не стоит размещать несколько макросов на одной строке. Вложенные макросы могут не сработать в качестве аргумента у других макросов.
После создания info -файла, в принципе, тема уже определена. Это значит, что вы можете зайди в раздел управлением темами http://mysite.ru/admin/build/themes и включить там свою тему. Естестественно, после включения её никакого дизайна вы не увидете - страница приобретёт стиль "чёрное на белом" - на белом фоне чёрный текст.
Однако хочу отметить, что не смотря на то, что в нашей теме никаких файлов кроме mytheme.info не лежит, сайт будет работать так как же как и раньше - выводить весь контент, добавлять блоки в регионы (http://mysite.ru/admin/build/block ) и прочее. Это объясняется тем, что в ядро друпала включены обязательные модули , которые даже при полном отсутствии каких либо файлов в вашей теме (за исключением info-файла) позволяют продолжать работу с друпалом.
Впринципе, всё создание шаблона сводится к перекрытию файлов-шаблонов (они имеют расширение .tpl.php ) стандартных модулей нашей CMS .
Самый важный tpl-файл (tpl - сокращение от template , шаблон) это page.tpl.php . Он отвечает за построение каждой страницы сайта. Давайте разберёмся, из чего же состоит файл шаблона:
- html код
- php код
- javascript код (необязательно)
В каждый файл шаблона друпал передаёт данные сайта в виде стандартных переменных. Для каждого файла шаблона существуют 2 вида переменных:
- переменные, которые передаются только в этот файл
- переменные, которые передаются во все файлы
Вот список всех переменных для page.tpl.php :
Общие переменные (для всех файлов):- $base_path - базовый путь, куда был установлен друпал
- $css - массив css-файлов, подключенных к текущему файлу шаблона
- $directory - путь к папке, в которую установлена тема
- $is_front - возвращает значение ИСТИНА если вы находитесь на главной странице
- $logged_in - возвращает значение ИСТИНА если вы залогинились
- $is_admin - возвращает значение ИСТИНА если вы имеете доступ в админку
- $language - (объект) Текущий язык, который отображается на сайте
- $language->language - содержит его текстовое представление
- $language->dir - содержит направление языка. Это или будет "ltr"(left-to-right) или "rtl"(right-to-left)
- $head_title - модифицированная версия заголовка страницы, для использования между тэгами
- $head - вставляется между тэгами . Содержит мета тэги, ключевые слова и т.д.
- $styles - служит для загрузки всех css -файлов в текущую страницу
- $scripts - служит для загрузки всех javascript"ов в текущую страницу
- $body_classes - набор классов css для тэга . Содержит в себе информацию о текущем расположении колонок на сайте, их количестве, текущем url"e и т.д.
- $front_page - адресс главной страницы сайта. Лучше использовать эту переменную для ссылки на главную страницу, т.к. она включает в себя язык домена и преффикс
- $logo - путь к логотипу сайта, если он включен на сайте
- $site_name - имя сайта. Может быть пустым, если отключить его в фичах в info-файле. Настраивается в mysite.ru/admin/settings/site-information
- $site_slogan - слоган сайта. Может быть пустым, если отключить его в фичах в info-файле. Настраивается в mysite.ru/admin/settings/site-information
- $mission - миссия сайта. Может быть пустой, если отключить её в фичах в info-файле. Настраивается в mysite.ru/admin/settings/site-information
- $search_box - содержит в себе html код, отображающий строку поиска. Может быть пустым если выключить его в info-файле
- $primary_links
- $secondary_links - массив, содержащий в себе навигационные ссылки для сайта, если они разрешены в фичах инфо-файла
- $left - регион. Содержит в себе html код для левой колонки. Если в инфо-файле задать любые регионы, то он пропадает
- $breadcrumb - "хлебные крошки" для текущей страницы
- $title - заголовок страницы
- $help - динамические подсказки, в основном показываются в админке
- $messages - выводит сообщения об ошибках и предупреждениях на сайте
- $tabs - ссылки (табы), связывающие текущую страницу с её подстраницами (к примеру для статьи - с её страницей редактирования)
- $content - содержимое текущей страницы
- $right - регион. Содержит в себе html код для правой колонки. Если в инфо-файле задать любые регионы, то он пропадает
- $feed_icon - строка со всеми иконками обратной связи для текущей страницы
- $footer_message - сообщение внизу страницы. Настраивается в mysite.ru/admin/settings/site-information
- $footer - регион. Содержит в себе html код для нижней части страницы. Если в инфо-файле задать любые регионы, то он пропадает
- $closure - закрывающая метка для всех модулей, которые изменяли страницу. Эту переменну обязательно надо выводить после всего динамического содержимого. Лучше всего перед закрытием тэга BODY
Тут перечислены все стандартные переменные . Но вы можете добавлять сюда свои переменные либо в роли регионов через info -файл, либо в любой другой роли через файл template.php (о нём чуть позже).
Теперь я покажу какой код должен находиться в page.tpl.php и в какой код он потом интерпретируется браузерами. Перед вами кусок кода из page.tpl.php :
В первой строке идёт проверка, есть ли вообще заголовок у текущей страницы. Если его нет - то отладчик просто пропустит этот код, и не будет заходить внурть его. Если же заголовок существует, то в html код страницы добавятся тэг , после него будет напечатан заголовок страницы, и всё это закроется тэгом . Если смотреть код этой страницы в браузере, то он выглядел бы так:
Урок 4 . Необходимые файлы для создания шаблона. Page.tpl.php
Таким образом оборачиваются почти все переменные сайта. Это делается для того, чтобы мы могли прописывать стили для контента, заранее не зная, какой он будет.
Вот таким образом выглядит стандартный файл page.tpl.php , который идёт вместе с друпалом. Меняйте название классов, переставляйте местами переменные - и смотрите что из этого получается. Это надо для того, чтобы "пощупать" как оно работает и что выводится в результате.
" />