FAQ  •  Поиск  •  Документация  •  Downloads  •  Регистрация  •  Вход
   

   

   Русский phpBB2 Plus » Руководство пользователя  »  Модификация phpBB2 Plus
 
Как изменить верхнюю и нижнюю часть страниц портала?
Так уж получилось, что очень многие пользователи полагают, что изменение верха и низа страниц происходит из панели администрирования phpBB2 Plus. Однако, это не так, потому что формирование разных страниц происходит по-разному. Возможность управления видом страниц из файлов тем оформления делает его настройку более гибкой. Давайте посмотрим, как это выглядит изнутри.

  • Как это работает?

  • Когда загружается страница Вашего портала, первым обрабатывается файл overall_header.tpl. Он содержит в себе всю информацию, начиная с самого начала результативной страницы, включает в себя все теги-заголовки meta, head, вплоть до тега body, иными словами, несёт в себе всю информационно-техническую часть заголовков страницы. В конце, этот шаблон открывает основную таблицу страницы. Затем, загружается соответствующий шаблон той страницы, на которая сейчас должна отображаться. Например, если это индексная страница, загружается шаблон index_body.tpl. После того, как этот шаблон отпарсирован, вызывается overall_footer.tpl - нижняя часть страницы, который закрывает основную таблицу страницы, а также, теги body и html. Затем отрабатывает сценарий page_tail.php, который, если требуется, выводит отладочную информацию и информацию о времени обработки страницы (если данная функциональность присутствует в портале). На этом страница считается полностью обработанной.

  • Где же находятся эти замечательные шаблоны?

  • Все установленные стили находятся в папке templates/ - папке стилей, находящейся внутри установочной директории. Если открыть любую папку, находящуюся в папке стилей (название папки - это название темы оформления) - можно увидеть все эти файлы - все они имеют расширение .tpl. В этой же папке, рядом с основными шаблонами лежат файлы шаблонов администраторской панели (в папке admin/), картинки стиля (в папке images/), а также, другие, необходимые для работы этой темы оформления файлы (.сss, .js и т.д.)

  • Чем обрабатывать такие файлы?

  • Для работы с шаблонами Вам не потребуется какого-либо специального программного обеспечения. Редактировать шаблоны можно любым текстовым редактором (Notepad, Wordpad и тд). Я рекомендую к использованию более "продвинутые" редакторы, например EditPlus, Dreamweaver MX (лично использую). Очень не рекомендую использовать WYSIWYG (What You See Is What You Get) редакторы, потому что используя их, возможно появление ненужных, а скорее, вредных тегов в файлах стиля. И, в конце концов, результат будет совсем не такой, какой желалось бы.

Итак, начнём подстраивать шаблон "под себя"!
  • Как добавить | изменить META-теги?

  • Для этого необходимо открыть файл overall_header.tpl. В самом его начале, видим:

    Код:
    <?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="Content-Style-Type" content="text/css" />

    После этой части кода можно вставлять любые необходимые META-теги, например,

    Код:

    <?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta name="description" content="Описание Вашего сайта" />
    <meta name="keywords" content="Ключевые слова для Вашего сайта" />


  • Как заменить стандартные логотипы phpBB ?

  • Возможны два варианта. Рассмотрим первый из них. Заключается он в простой замене путей к изображениям в описании "шапки". Для этого сначала необходимо закачать на сервер Ваши логотипы, например, в папку templates/fisubsilversh/images/, назвать их, например mylogo1.jpg и mylogo2.jpg, а затем заменить пути к изображениям в следущей части кода файла overall_header.tpl на соответствующие.

    Код:
    <table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
    <td><a href="{U_INDEX}"><img src="[color=red]templates/fisubsilversh/images/phpbb2_logo.jpg[/color]" border="0" alt="{L_INDEX}" title="{L_INDEX}" width="240" height="110" /></a></td>
    <td align="center" width="100%">{BANNER_0_IMG}</td><td><a href="{U_PORTAL}"><img src="templates/fisubsilversh/images/phpbb2_logor.jpg" border="0" alt="{L_HOME}" title="{L_HOME}" width="140" height="110" /></a></td>
    </tr>
    </table>


    В результате, должен получиться приблизительно такой код

    Код:
    <table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
    <td><a href="{U_INDEX}"><img src="templates/fisubsilversh/images/mylogo.jpg" border="0" alt="{L_INDEX}" title="{L_INDEX}" width="240" height="110" /></a></td>
    <td align="center" width="100%">{BANNER_0_IMG}</td><td><a href="{U_PORTAL}"><img src="templates/fisubsilversh/images/mylogo2.jpg" border="0" alt="{L_HOME}" title="{L_HOME}" width="140" height="110" /></a></td>
    </tr>
    </table>


    Сдесь же можно менять ссылки, куда указывают эти логотипы.

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

  • Как добавлять свои ссылки в верхнее меню?

  • Меню можно изменить по своему вкусу также, в файле overall_header.tpl. Оно формируется нижеследущей частью кода.

    Код:
    <table width="100%" border="0" cellspacing="0" cellpadding="2">
    <tr>
    <td align="center" class="topnav">&nbsp;<a href="{U_FAQ}">{L_FAQ}</a>
    &nbsp;•&nbsp;
    <a href="{U_SEARCH}">{L_SEARCH}</a>
    &nbsp;•&nbsp;
    <a href="{U_PREFERENCES}">{L_PREFERENCES}</a>
    <!-- BEGIN switch_user_logged_in -->
    &nbsp;•&nbsp;
    <a href="{U_BOOKMARKS}">{L_BOOKMARKS}</a>
    &nbsp; •&nbsp;
    <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW2}</a>
    <!-- END switch_user_logged_in -->
    &nbsp;•&nbsp;
    <a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
    <!-- BEGIN switch_user_logged_out -->
    &nbsp;•&nbsp;
    <a href="{U_REGISTER}">{L_REGISTER}</a>
    <!-- END switch_user_logged_out -->
    &nbsp;•&nbsp;
    <a href="{U_PROFILE}">{L_PROFILE}</a>
    &nbsp;•&nbsp;
    <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
    &nbsp;•&nbsp;
    <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></td>
    </tr>
    </table>

  

Навигация по руководству 

Powered by Knowledge Base MOD [RENATA edition]
Original produced by wGEric & Haplo © 2002-2005
phpBB2 Plus [RENATA edition] © 2005 RENATA WEB SYSTEMS
Powered by phpBB2 Plus based on phpBB © 2005 phpBB Group



Эта страница создавалась: 0.2531 секунд(ы) (PHP: 82% - SQL: 18%) - SQL запросов: 31 - GZIP выключено