PDA

Просмотр полной версии : [F.A.Q] Шаблон форума, CSS и HTML, где что "ковырять"



Osetin
12.12.2013, 15:41
Описание файлов стилей phpBB3
Форум phpBB3 содержит верхний колонтитул, основное содержимое страницы и нижний колонтитул. Файлы overall_header.html и simple_header.html управляют верхним колонтитулом, а файлы overall_footer.html и simple_footer.html — нижним. Всё остальное содержимое страниц (например, index.php, viewforum.php, viewtopic.php и так далее) определяется другими файлами шаблонов, в которых верхнее и нижнее содержимое берётся с файлов overall_header.html и overall_footer.html. Различные всплывающие окна и обзор темы используют файлы simple_header.html и simple_footer.html. Самая привлекательная вещь состоит в том, что сейчас верхние и нижние колонтитулы назначаются непосредственно в файлах шаблонов, а не в файлах PHP, поэтому вы можете указать другие файлы для использования в качестве колонтитулов, или даже создать новые.

По умолчанию в phpBB3 включены два стиля: prosilver и subsilver2. Каждый из этих стилей имеет различный дизайн и кодирование:

* subsilver2
Содержит таблицы, подобные таблицам, используемым в стиле subsilver в phpBB2. Для определения цветов и фонов используется CSS.
* prosilver
Полностью зависит от CSS, поскольку стиль разработан с широким применением блочных тегов DIV и LI.

Папка стилей в phpBB3 содержит файл style.cfg, в котором содержится информация о стиле (название стиля, автор, версия и так далее), и три папки:



imageset
содержит рисунки, используемые в стиле, а файл imageset.cfg определяет рисунки в стиле.


template
содержит основные файлы HTML, которые отвечают за общий дизайн стиля, страниц, и так далее, и файл template.cfg, содержащий информацию о наборе шаблонов.


theme
содержит файлы CSS, которые определяют отображение различных объектов, цвета, фоны, ссылки и так далее, и файл theme.cfg, который содержит информацию о теме оформления.



Ниже размещён список всех файлов, используемых в стилях Olympus, с описанием функций каждого файла. Поскольку Olympus поставляется с двумя стилями, я сначала перечислю идентичные файлы с идентичными функциями, встречающиеся в обоих стилях. А затем я перечислю отличающиеся файлы.
Папка «theme»

* stylesheet.css — этот файл отвечает за код CSS и содержит все классы, используемые для стилизации.

Файлы prosilver



bidi.css
отвечает за настройку форумов RTL (текст справа налево), таких, как арабские или еврейские.


buttons.css
отвечает за отображение кнопок форума (Новая тема, Ответить и так далее).


colours.css
отвечает за цвета форума, тексты, фоны и так далее.


common.css
отвечает за общую стилизации, такую, как верхний и нижний колонтитул, главная страница и так далее.


content.css
стилизация внутреннего содержимого страниц (viewforum_body.html, viewtopic_body.html и так далее).


cp.css
стилизация пользовательских панелей управления, вкладок, страниц личных сообщений и так далее.


forms.css
стилизация различных форм (форма входа, страница размещения ответа, текстовые области и так далее).


large.css
увеличивает размер текста при нажатии на кнопку «A».


links.css
стилизация ссылок, цвета, фоны, эффекты при наведении мыши и так далее (цвета берутся из файла colours.css, а links.css используется для форматирования, изменения размеров текста, стилизации и так далее).


medium.css
отображает средний размер текста при нажатии на кнопку «A».


normal.css
отображает обычный размер текста при нажатии на кнопку «A».


print.css
отвечает за форматирование темы при выводе на печать (при нажатии кнопки «Версия для печати»).


tweaks.css
корректировки для некоторых браузеров, таких, как IE.



Все эти файлы собраны в файле stylesheet.css с помощью свойства «import»:


@import url('/"filename.css"');

Папка «theme» также содержит папку «images», в которой содержатся рисунки для стиля, фоны, значки и так далее.
Папка «template»



attachment.html
этот файл отображает вложения в сообщениях и в личных сообщениях.


confirm_body.html
страница подтверждения. Эта страница появляется при подтверждении чего-нибудь (например, при удалении темы).


custom_profile_fields.html
страница дополнительных полей в профиле. Появляется при редактировании профиля.


editor.js
файл JavaScript, используемый при написании тем, ответов, личных сообщений, и применяет кнопки BBCode и другие объекты встроенного редактора.


faq_body.html
страница часто задаваемых вопросов.


forumlist_body.html
этот файл отображает категории и форумы на главной странице.


bbcode.html
специфический файл кнопок BBCode. Содержит кнопки и их расположение.


index_body.html
этот файл отображает содержимое главной страницы.


jumpbox.html
отображает выпадающий список для перехода в форумы конференции.


login_body.html
страница входа, используемая при входе на конференцию, или при подтверждении пароля во время входа в панель администрирования.


login_forum.html
страница входа в форумы, защищённые паролем.


mcp_approve.html
страница одобрения тем и сообщений. Если имеются отложенные темы и сообщения, то этот файл отвечает за их отображение.


mcp_ban.html
страница блокировок, отображаемая, если модератор имеет права для блокировки пользователей.


mcp_footer.html
нижний колонтитул панели модератора. Содержит разбивку на страницы, темы, сообщения и так далее.


mcp_forum.html
страница модерации форума в панели модератора.


mcp_front.html
главная страница панели модератора. Содержит списки последних действий, таких, как пять последних жалоб, пять последних записей журнала и так далее.


mcp_header.html
верхний колонтитул панели модератора. Содержит вкладки и блоки, название модерируемого объекта и так далее.


mcp_logs.html
страница журнала модераторов, на которой модератор может просматривать действия других модераторов и свои собственные.


mcp_message.html
сообщение, которое появляется после выполнения какого-либо действия модератором. Например, при изменении типа темы.


mcp_move.html
страница перемещения темы, с помощью которой можно выбрать форум для перемещения темы.


mcp_notes_front.html
главная страница заметок о пользователях. С помощью этой страницы выбирается пользователь, заметки о котором вы хотите просмотреть.


mcp_notes_user.html
страница отображения заметок о пользователе. Здесь вы можете читать заметки о пользователе и записывать новые.


mcp_post.html
страница редактирования сообщений в панели модератора. На этой странице отображаются опции для редактирования сообщения, изменения автора сообщения и так далее.


mcp_queue.html
страница, отображающая отложенные темы и сообщения в панели модератора.


mcp_reports.html
страница жалоб на сообщения, отображаемая в панели модератора.


mcp_topic.html
страница модерирования тем в панели модератора. Здесь вы можете изменить, закрывать, изменять статус тем и так далее.


mcp_viewlogs.html
страница, отображающая журналы выбранных тем.


mcp_warn_front.html
главная страница с предупреждениями. Здесь можно увидеть пользователей с наибольшим числом предупреждений, последние пять предупреждений, а также можно выбрать пользователя и выдать ему предупреждение.


mcp_warn_list.html
Страница, отображающая список всех предупреждённых пользователей.


mcp_warn_post.html
страница выдачи предупреждения пользователю, отображаемая при щелчке на кнопку «Выдать предупреждение», находящуюся возле сообщения.


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


mcp_whois.html
страница, отображающая сведения об IP-адресах.


memberlist_body.html
страница со списком пользователей конференции, отображаемая при щелчке по ссылке «Участники».


memberlist_email.html
страница для отправки пользователю электронного сообщения.


memberlist_im.html
страница для отправки пользователю мгновенного сообщения.


memberlist_leaders.html
страница, отображающая администраторов и модераторов конференции. Для просмотра этой страницы нажмите ссылку «Команда сайта».


memberlist_search.html
страница поиска пользователей, проявляющая при щелчке по ссылке «Найти пользователя».


memberlist_view.html
страница для отображения профиля пользователя.


message_body.html
общее сообщение. Отображается при выполнении некоторых действий с темами. Например, при размещении сообщения.


overall_footer.html
нижний колонтитул конференции.


overall_header.html
верхний колонтитул конференции.


posting_attach_body.html
форма для прикрепления файла к сообщению. Отображается на странице размещения сообщений.


postiing_body.html
страница размещения сообщений. Используется для написания текстов сообщений, личных сообщений и так далее.


posting_buttons.html
страница, предназначенная для отображения кнопок BBCode на странице размещения сообщений.


posting_poll_body.html
эта страница отображается при добавлении опроса к сообщению.


posting_preview.html
страница предварительного просмотра темы или сообщения, появляющаяся при нажатии кнопки «Просмотр» во время написания сообщения.


posting_review.html
эта страница появляется в момент размещения сообщения в тему, в которой кто-то разместил сообщение в то время, пока вы писали ответ.


posting_smilies.html
страница со смайликами, отображаемая при написании сообщений.


posting_topic_review.html
страница обзора темы, отображающаяся во время размещения ответа.


search_body.html
страница расширенного поиска.


search_results.html
страница, отображающая результаты поиска.


simple_footer.html
нижний колонтитул для всплывающих окон, просмотра темы и так далее.


simple_header.html
верхний колонтитул для всплывающих окон, просмотра темы и так далее.


template.cfg
файл, содержащий сведения о наборе шаблонов.


ucp_agreement.html
страница соглашения с условиями регистрации.


ucp_attachments.html
страница, отображающая вложения пользователей.


ucp_footer.html
нижний колонтитул пользовательской панели управления.


ucp_groups_manage.html
страница управления группами. Если вы являетесь руководителем группы, то с помощью этой страницы можете управлять участниками группы.


ucp_groups_membership.html
страница, отображающая участников группы.


ucp_header.html
верхний колонтитул пользовательской панели управления.


ucp_main_bookmarks.html
страница, отображающая закладки пользователя.


ucp_main_drafts.html
страница, отображающая черновики пользователя.


ucp_main_front.html
главная страница пользовательской панели управления.


ucp_main_subscribed.html
страница, отображающая подписки пользователя.


ucp_pm_history.html
страница истории личных сообщений, отображающая ваши сообщения и ответы другого пользователя.


ucp_pm_message_footer.html
нижний колонтитул личных сообщений, отображаемый при просмотре сообщения.


ucp_pm_message_header.html
верхний колонтитул личных сообщений, отображаемый при просмотре сообщения.


ucp_pm_options.html
страница, отображаемая во время настройки правил для личных сообщений.


ucp_pm_popup.html
всплывающее окно, уведомляющее пользователя о поступлении новых личных сообщений.


ucp_pm_viewfolder.html
страница папок для сообщений, отображающая сообщения в папках «Входящие», «Исходящие», «Отправленные» и так далее.


ucp_pm_viewmessage.html
страница для отображения личных сообщений.


ucp_pm_viewmessage_print.html
страница, используемая для отображения личных сообщений в версии для печати.


ucp_prefs_personal.html
страница общих настроек, отображаемая в пользовательской панели управления.


ucp_prefs_post.html
страница настроек размещения сообщений, отображаемая в пользовательской панели управления.


ucp_prefs_view.html
страница настроек отображения сообщений, отображаемая в пользовательской панели управления.


ucp_profile_avatar.html
страница настроек аватары, отображаемая в пользовательской панели управления.


ucp_profile_profile_info.html
страница личных данных, отображаемая в пользовательской панели управления.


ucp_profile_reg_details.html
страница регистрационных данных, отображаемая в пользовательской панели управления.


ucp_profile_signature.html
страница для создания и изменения подписи, отображаемая в пользовательской панели управления.


ucp_register.html
страница, отображаемая при регистрации пользователей.


ucp_remind.html
страница с функцией восстановления забытого пароля.


ucp_resend.html
страница отправки повторного кода активации.


ucp_zebra_foes.html
страница, отображающая ваших недругов.


ucp_zebra_friends.html
страница, отображающая ваших друзей.


viewforum_body.html
страница, отображающая темы форума.


viewonline_body.html
страница «Кто сейчас на конференции».


viewonline_whois.html
страница, отображающая сведения об IP-адресах при щелчке по ссылке «Информация об IP-адресе» на странице viewonline.php.


viewtopic_body.html
страница, служащая для отображения сообщений темы.


viewtopic_print.html
страница, отображающая тему в версии для печати.




Различные файлы для каждого стиля:
prosilver



drafts.html
страница, отображающая загруженный черновик. Во время размещения нажмите кнопку «Загрузить», чтобы увидеть эту страницу.


forum_fn.js
файл с функциями JavaScript конференции (управление всплывающими окнами, выпадающий список перехода к форумам и так далее).


posting_editor.html
главная страница для размещения сообщений в стиле prosilver.


posting_layout.html
страница размещения сообщений, содержащая редактор, смайлики, добавление опроса, вложений и так далее.


posting_pm_layout.html
то же самое, что и posting_layout.html, но для личных сообщений.
Файл posting_body.html не содержит ничего непосредственного, но настроен на включение файлов posting_layout.html и posting_pm_layout.html в нужное время.


styleswitcher.js
файл JavaScript, содержащий функции пользовательских cookies, изменения шрифта, параметры таблиц стилей и так далее.


ucp_avatar_options.html
параметры аватары пользователя. Этот файл также подключается в файле ucp_profile_avatar.html.




subsilver2



breadcrumbs.html
страница, отображающая текущую полосу навигации по конференции, и настройки времени.


mcp_jumpbox.html
выпадающий список для модератора (этот файл больше не используется).


memberlist_group.html
страница для отображения информации о группах.


pagination.html
файл, отображающий разбивку на страницы для форумов, тем и так далее.


posting_progress_bar.html
страница, отображаемая при загрузке вложения.


searchbox.html
поисковое поле в форумах, темах и так далее.



Автор статьи: kharol

- John.Besson
12.12.2013, 17:27
Молодец, очень полезное FAQ.