[درس] صفحات الستايل و عمل كل صفحة فيها phpBB 3.0.x

[TheIlluminative]

????? ???? ????? ????????? ????????? ?? Olympus ??? ???? ????? ??? ???????? ???? ????? ??? ??????? ???? ??? ????? phpBB 2.0.x ????? ?? ?????? (header)? ??? (content) ? ??? (footer)? ??? ????? overall_header.html ? simple_header.html ?? ????????? ? overall_footer.html ? simple_footer.html ?? ?????? ? ???? ??????? ???? ??? ??????? ??? ?????? ??????? ??????? overall_header.html ? overall_footer.html ???? ? ??? ??? ???????? ? ??????? ????????? ? ???? ?????? ???????? ?????? simple_header.html ? simple_footer.html? ?????? ?? ???? ????? ? ????? ??? ??????? ???? ?? ??????? ???? ??? ?? ???? ???? ?? ????? ?? PHP ???? ????? ?????? ?? ?? ???????? ????? ???? ???????? ?? ??? ????? ???? ????? ? ?????????.

?????? Olympus ???? ????? ????????? prosilver ? subsilver2 ??? ????? ????? ????? ?? ????? ?? ?????:

• subsilver2:
  ??? ??????? ????? ?? ?????? ??? ????? ???????? ??? ??? subsilver ?? ?????? ???????? ??? ??? ?????? ???????? TABLES ? ???? ??? ??????? CSS ?????? ?????? ? ???????? ? ??? ???????? ??????.
  
• prosilver:
  ??? ??????? ????? ?? ?????? ???? ??? ?? CSS ??? ?? ?????? ? ?????? ???????? DIVs ? LIsts ???? ??? ????? ????? ?? DIV ?? ????? ?? CSS ?????? ????????.

? ?? ?? ????? ???? ????? ??????? ?? TPL ??? HTML ??? ???? ???? ???? ?? ??????? ? ???? ? ?????? ????? ? ????? ??????? ??? ??????? ????? ?? ????????? ? ??????? ????????? ?? ?????? Olympus ?? ??? ??????? viewtopic.php?f=42&t=27470

?????? ????? ???? ??????? ?? Olympus ??? ??? CFG ???? style.cfg ? 3 ??????? ??? ????? ??? style.cfg ?? ????? ??????? ??? ??????? ??? ????? ??? ??????? ???????? ? ???????? ??:

• imageset - ??? ????? ??? ??? ??????? ?????????? ? ??? imageset.cfg ????? ?????? ??????? ??? ?????.
• template - ????? ??? ????? ??????? ???????? HTML ? ?? ???????? ?? ????? ??????? ? ????? ?????? ???????? ? ?? ????? ??? ??? template.cfg ????? ???????? ???????.
• theme - ????? ??? ????? ?? CSS ?????? ?????? ??????? ? ????? ??? ??????? ? ??????? ? ???????..???? ? ?? ???? ??? theme.cfg ???? ????? ??? ??????? ???????.

?????? ????? ?????? ????? 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 - ????? ??? ??????? ???? ???? ?????? ?? ?? Tabs ? ???? ??????? ??????..???.
  • forms.css - ????? ??? ??????? ???????? ??? ????? ????? ??????? ? ??? ???????? ? ???? ?? ??????? ?? ???????.
  • large.css - ???? ?????? ??? ?? ??????? ??? ?? ????? ???? ?? ????????? ??? ??????? ????? ???????.
  • links.css - ????? ??? ??????? ???????.
  • medium.css - ???? ?????? ??? ?? ??????? ?????? ???? ?? ???????? ? ????? ????? ??? ??????? ????? ???????.
  • normal.css - ???? ???? ??? ?? ??????? ?? ??????? ??? ????? ????? ??????? ??? ?????.
  • print.css - ????? ??? ??????? ???????? ???? ??? ??????? ???????.
  • tweaks.css - ??????? ????? ?????????? ??? IE ??? ??? ?? ???? ????? ?? ????????? ?????? ????????? ???? ?? CSS ?? ?? ??????? ???? ??? FireFox ? Safari 3.1.
  ? ?? ?? ??? ????? ??? ??????? ?? ??? ????? ?? stylesheet.css ?? ???? ?????:
  

  كود: تحديد الكل

  @import url("filename.css");
  

  
  ????? ???? theme ??? ???? ???? images ???? ?????? ????? ?????? ????????? ?? ?????? ? ???????..???.
• ?? ???? template:
  
  • attachment.html - ????? ??????? ?? ???? ???????? ?? ???????? ? ?????????.
  • bbcode.html - ????? ????? ??? BBCode ? ????? ??? ????????.
  • confirm_body.html - ???? ???????. ???? ??? ?????? ??? ??????? ??? ??? ??? ??? ???? ?????? ??? ???????.
  • custom_profile_fields.html - ????? ????? ??????? ??????? ???? ??? ????? ????? ??????? ?????? ????????? ????.
  • editor.js - ????? ????? ????? ????? ???????? ??? ????? ????? ?? ?? ?? ????? ????? ? ???? ??? ????? ????? BBCode ? ?????.
  • faq_body.html - ????? ????? ????? ??????? ???????.
  • forumlist_body.html - ????? ????? ????? ??????? ? ??????? ?? ?????? ????????.
  • 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 - ???? ???? ???? ?????? ????????? ? ???? ???? ??? 5 ?????? ???? ??? 5 ?????? ????? ???????? ??? 5 ?????? ? ??? 5 ????? ??????.
  • 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 - ???? ????????? ????????? ???? ???? ??????? ????? ????? ???? ??? ???????? ??? 5 ???????? ? ????? ????? ?? ??? ???????..???.
  • mcp_warn_list.html - ????? ????? ??????? ????? ?? ???????.
  • mcp_warn_post.html - ???? ????? ????? ?? ?????? ?????? ???? ??? ????? ??? ????? ?? ???? ????????.
  • mcp_warn_user.html - ???? ????? ????? ????? ???? ??? ????? ?? ??? ???? ?? ???? ?????????? ?? ????? ??? ????? ????? ?? ???? ??????.
  • mcp_whois.html - ?????? ?????? ???? ??????? ?? IP ??? ??? WhoIs ????.
  • memberlist_body.html - ???? ??? ???????? ?? ?????? ??? ???? ????? ??????? ????? ????? ???? ??? ??? ??????.
  • memberlist_email.html - ???? ????? ???? ???????? ??? ??? ???????? ?? ?????? ??? ?????? ???? ??? ??????? ?? ???? ?????? ???? ??? ??????.
  • memberlist_im.html - ???? ????? ????? ????? (Instant Messaging) ?? ???? ??? ???????? ??? Jabber, MSN Messenger, Yahoo!, Live Messenger..???.
  • 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 ??? ??? WhoIs ?? ???? ??? ?????????? ???? (viewonline.php).
  • viewtopic_body.html - ???? ??? ???????? ? ????????? ? ??????. ???? ??? ??? ?? ????? ???? ????? ??? ??? ??????.
  • viewtopic_print.html - ???? ?????? ??????? ???????? ???? ??? ????? ??? ???? ??????? ????? ??? ?????? ?????.
  ??? ????? ??????? ???????? ??? ????? ?? ????? ???:
  ?? ????? prosilver:
  
  • drafts.html - ???? ??????? ???????? ????????? ???? ??? ????? ?? ???? ? ???? ???? ?? ??? ????? ?????? ? ???? ??? ?? "?????".
  • forum_fn.js - ????? ??? ????? ???????? ??? ??????? ????????? ? ???? ?????? (Jumpbox)..???.
  • posting_editor.html - ???? ??????? ???????? ? prosilver ???? ????? ?? ????? ????? ?? ?? ?? ????? ????..???.
  • posting_layout.html - ???? ??????? ? prosilver ? ???? ????? ??? ??????? ? ???????? ????? ??????? ????? ?????? ????? ??????..???? ? ?? ???? ?? posting_editor.html ??? ???? ????? ????? ???????? ??? ????? ????.
  • posting_pm_layout.html - ???? ????? ??????? ? prosilver ? ?? ?????? ??? posting_layout.html ????? ????? ??????? ??????.
    ??? ??? ???? ?? ??? ???????? ??? ?? ??? posting_body.html ?? ????? prosilver ?? ????? ?? ???? ??? ??????? ???????? ?? ????? ??? ??????? ?????? ???? ??? ??? ??? ??????? ??? ??????? ????? ?? ???? ???????.
  • styleswitcher.js - ????? ????? ???????? ??????? ? ??????? ????????? ????? ????? ? ????? ?? ??????? (??? ?? A ???? ?????)..???.
  • ucp_avatar_options.html - ????? ????? ????? ???? ????? ?????? ??????? ?? ???? ???? ?????.
    ??? ????? ???? ???? ??? ??? posting_body.html ??? ?? ??? ucp_profile_avatar.html ?????? ??? ????? ????? ??????? ?????? ??????? ?? ???? ???? ?????.
  ?? ????? subsilver2:
  
  • breadcrumbs.html - ????? ????? ????? ???? ?????? ?????? ???? ??? ????? ???? ?? ??? ?? ???? ??? ??????? viewforum.php ????? ????? ? ????? ??? ???? ???? ????? ??? "????? ????????? ? ??? ??????? ? ??? ???????" ? ???? ?? ???? ???? ????? ????????.
  • mcp_jumpbox.html - ??? ???? ???? ?????? ?????? ????? ???? ??????. (??????: ??? ????? ?? ??? ????????).
  • memberlist_group.html - ????? ???? ???? ???? ??????? ?????????? ???? ??? ??? ?????? ???? ????? ??? ??? ?????.
  • pagination.html - ????? ??????? ?? ???? ????? ???????? ??? ???????? ????? ???? ????? ?????? ????? ??????? ????? ?? ??? ???? ?? ???? ?? ????? ???? ?? ????.
  • posting_progress_bar.html - ???? ???????? ??? ??? ??????? ???? ?? ????? ?????? ??? "???? ????? ?????"? ??? ?? ????? ??????? ?? ??????.
  • searchbox.html - ????? ??????? ?? ????? ???? ????? ?? ??????? ? ????????.

??????? ??????? ???? ??? ?????????? ??? ??????? ?????? ???? ??????? ?? ??? ?? ??? ???????? ??? ??? ??????? ?????? INCLUDE ????:

كود: تحديد الكل

<!-- INCLUDE filename.ext -->

????? ?????