08.08.2010 17:48:57
Шаблон Смайлов
Пример Шаблона Смайлов
%?%SET_COUNT(50)%?%
<table width=100% height=100% cellspacing=0 cellpadding=0>
<tr><th colspan=2 style="color: #fdc; font: bold 12pt verdana; padding: 7px 0; background: #313">
<gradient color='#ff9966-#ce3c92-#ff9966'>С М А Й Л И К И</gradient> : %GROUP_NAME(#ffcc33-#ffffcc-#ffcc33)%
</th></tr>
<tr><td height=100% valign=top colspan=2 style="border: solid #93c; border-width: 1px 0">
<div style='position: relative; width: 100%; height: 100%'>%SMILES_TABLE%</div>
</td></tr>
%?
<tr>
<td class=sm_m align=center width=50% style="padding: 7px; background: #313">%GROUPS_MENU(3)%</td>
<td class=sm_m align=center width=50% style="padding: 7px; background: #313">%MENU%</td>
</tr>
?%
</table>
<table width=100% height=100% cellspacing=0 cellpadding=0>
<tr><th colspan=2 style="color: #fdc; font: bold 12pt verdana; padding: 7px 0; background: #313">
<gradient color='#ff9966-#ce3c92-#ff9966'>С М А Й Л И К И</gradient> : %GROUP_NAME(#ffcc33-#ffffcc-#ffcc33)%
</th></tr>
<tr><td height=100% valign=top colspan=2 style="border: solid #93c; border-width: 1px 0">
<div style='position: relative; width: 100%; height: 100%'>%SMILES_TABLE%</div>
</td></tr>
%?
<tr>
<td class=sm_m align=center width=50% style="padding: 7px; background: #313">%GROUPS_MENU(3)%</td>
<td class=sm_m align=center width=50% style="padding: 7px; background: #313">%MENU%</td>
</tr>
?%
</table>
Окно смайликов состоит из трех основных частей -- это: собственно таблица смайликов, меню переключения страниц и меню выбора группы. С помощью шаблона можно комбинировать положение этих элементов в окне.
В шаблоне используются следующие переменные и функции:
* %SMILES% - выводит страницу смайликов, смайлики располагаются относительно друг друга на одном расстоянии, которое определяется дизайном.
* %SMILES_TABLE% - выводит страницу смайликов в виде таблицы, в которой смайлики располагаются по центру ячеек. Браузер Internet Explorer некорректно отображает страницу в данном режиме.
* %MENU% - выводит меню страниц смайликов, меню представлено в виде последовательности номеров страниц.
* %GROUPS_MENU% - выводит меню для выбора группы смайликов, меню представлено в виде выпадающего списка. Если использовать эту переменную как функцию и передать ей число, то это число будет означать количество пробелов, которое необходимо отступить в меню слева и справа от названий групп.
* %GROUP_NAME% - выводит название текущей группы, применять следует только при наличии групп. Если использовать эту переменную как функцию, то в аргументе можно передать градиентный цвет, которым будет выводиться название, аргумент должен передаваться без кавычек.
* %SET_COUNT()% - необязательная функция, переопределяет количество смайликов на странице. Фукнция обязательно должна быть расположена в начале шаблона и находиться внутри условного оператора, иначе не сработает. По умолчанию (без этой функции) в окне выводится 100 смайликов на страницу.
В шаблоне может использоваться только одна переменная %SMILES% или %SMILES_TABLE%, переменные %MENU% и %GROUPS_MENU% желательно использовать внутри условных операторов -- в этом случае присутствие меню в окне будет зависеть от количества смайликов и наличия групп.
Ещё один пример.
%?%SET_COUNT(50)%?%
<table width=100% height=100% cellspacing=0 cellpadding=0>
<tr><th colspan=2 style="color: #003366; font: bold 12pt palatino linotype; padding: 5px 0; background: #595959">
<gradient color='#ff9966-#e62e00-#ff9966'>С М А Й Л И К И</gradient> : %GROUP_NAME(#e62e00-#ffffcc-#ffcc33)%
</th></tr>
<tr><td height=100% valign=top colspan=2 style="border: solid #e62e00; border-width: 1px 0">
<div style='position: relative; width: 100%; height: 100%'>%SMILES_TABLE%</div>
</td></tr>
%?
<tr>
<td class=sm_m align=center width=50% style="padding: 5px; background: #595959">%GROUPS_MENU(3)%</td>
<td class=sm_m align=center width=50% style="padding: 5px; background: #595959">%MENU%</td>
</tr>
?%
</table>
<table width=100% height=100% cellspacing=0 cellpadding=0>
<tr><th colspan=2 style="color: #003366; font: bold 12pt palatino linotype; padding: 5px 0; background: #595959">
<gradient color='#ff9966-#e62e00-#ff9966'>С М А Й Л И К И</gradient> : %GROUP_NAME(#e62e00-#ffffcc-#ffcc33)%
</th></tr>
<tr><td height=100% valign=top colspan=2 style="border: solid #e62e00; border-width: 1px 0">
<div style='position: relative; width: 100%; height: 100%'>%SMILES_TABLE%</div>
</td></tr>
%?
<tr>
<td class=sm_m align=center width=50% style="padding: 5px; background: #595959">%GROUPS_MENU(3)%</td>
<td class=sm_m align=center width=50% style="padding: 5px; background: #595959">%MENU%</td>
</tr>
?%
</table>