Центр документации
|
Самоучитель по интеграции дизайна и настройке Amiro.CMS на примере демонстрационной версии пакета Визитка »
На странице «Книга отзывов» у нас установлен тип страницы «Гостевая книга». На сайте видим оформление «Гостевой книги»:
Рисунок 62
Гостевая книга настраивается в шаблоне guestbook.tpl. Сет для формы гостевой книги:
Здесь: %%author%% - языковая переменная «Имя» <input type="text" class="txt" name="author" size="35" value="" />- текстовое поле для ввода имени %%subject%% - языковая переменная «Заголовок» <input type="text" class="txt" name="subject" size="35" value="##subject##" /> - текстовое поле для ввода заголовка сообщения <script language="JavaScript" type="text/javascript"> var edLangData = new Array ( '%%bb_bold%%', '%%bb_italic%%', '%%bb_underline%%', '%%bb_quote%%', '%%bb_align_left%%', '%%bb_align_center%%', '%%bb_align_right%%', '%%bb_justify%%', '%%bb_insert_list%%', '%%bb_insert_link%%', '%%bb_delete_link%%', '%%bb_insert_image%%', '%%bb_font%%', '%%bb_size%%', '%%bb_color%%', '%%bb_more%%', '%%bb_insert_code%%', '%%bb_indent%%', '%%bb_outdent%%', '%%bb_preview%%', '%%bb_hide_preview%%', '%%bb_update_preview%%', '%%bb_warn_message_length%%', '%%bb_warn_invalid_image_url%%', '%%bb_warn_image_url_internal_links_forbidden%%', '%%bb_warn_image_url_external_links_forbidden%%' ); var txtEd = new amiroTEdit('txtEd', edLangData); txtEd.allowedImages = new Array (##allowed_images##); txtEd.createEditor(600, 250, 'message', '', false, 'amiroTEdDivPreview'); txtEd.setUseNoindex(##noindex_external_links##); txtEd.editorModeCode = "document.getElementById('amiroTEdPreviewHeader').style.display = 'none';"; if (location.toString().indexOf('#') > -1) { savePreviousOnLoadEvent(); addOnLoadEvent(function(){setTimeout('txtEd.editorObj.focus()',300)}); } </script> - вывод на экран блока для редактирования и отправки сообщения
<input type="submit" class="btn" value="%%bb_preview%%" name="preview" onClick="return txtEd.previewButtonOnClick(this)" /> - кнопка «предварительный просмотр». <input type="submit" class="btn" value="%%post%%" name="send" /> - кнопка «отправить» Для изменения размеров блока редактирования сообщения необходимо в сете <!--#set var="form" value=" найти отрывок: txtEd.createEditor(600, 250, 'message', '', false, 'amiroTEdDivPreview'); Первые два параметра – это размер по ширине и высоте соотвественно, уменьшим блок по высоте: txtEd.createEditor(600, 150, 'message', '', false, 'amiroTEdDivPreview'); На сайте отобразится следующий результат:
Рисунок 63
Изменим стиль закраски строк с сообщениями на #fcd3c6. Сет для оформления списка сообщений <!--#set var="item_row" value="
Оформление заголовка
Поменяем цвет бекграунда для заголовка:
Стиль оформления сообщения, на которое дается ответ можно изменить в файле стилей common.css, стиль по умолчанию выглядит так:
Изменим стиль следующим образом:
На сайте отобразиться:
Рисунок 64
|
|||||