Добро пожаловать на Pro Pawn - Портал о PAWN-скриптинге.
Показано с 1 по 2 из 2
  1. #1
    Аватар для Osetin
    •Администратор•

    Статус
    Оффлайн
    Регистрация
    26.03.2013
    Адрес
    ♔Osetia, Vladikavkaz♔
    Сообщений
    3,432
    Репутация:
    1093 ±

    Шаблон форума, CSS и HTML, где что "ковырять"

    Описание файлов стилей 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»:

    PHP код:
    @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

  2. Пользователь сказал cпасибо:
    - John.Besson (12.12.2013)
  3. #2
    Аватар для - John.Besson
    Пользователь

    Статус
    Оффлайн
    Регистрация
    10.12.2013
    Адрес
    Украина, Киев
    Сообщений
    20
    Репутация:
    4 ±
    Молодец, очень полезное FAQ.

 

 

Информация о теме

Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •