طريقة اضافة اطار حول البروسلفر

[msfn]

????? ????? ???? ??? ????????? ??? ???????? ???

???? /

style/your style/template/overall_header.html


???? ?? /

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

<div id="wrap">

??? ????:

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

    <div class="border-left">
    <div class="border-right">
    <div class="border-top">
    <div class="border-top-left">
    <div class="border-top-right">
      <div class="inside" style="direction: {S_CONTENT_DIRECTION}; ">

???? /

style/your style/template/overall_footer.html

??????? ?????? ?????? ??????:

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

</div>
          <div id="page-footer">
          
             <div class="navbar">
              <div class="inner"><span class="corners-top"><span></span></span>
          
              <ul class="linklist">
               <li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></li>
                  <!-- IF not S_IS_BOT -->
                   <!-- IF S_WATCH_FORUM_LINK --><li <!-- IF S_WATCHING_FORUM -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{S_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}">{S_WATCH_FORUM_TITLE}</a></li><!-- ENDIF -->
                   <!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->
                   <!-- IF U_BOOKMARK_TOPIC --><li class="icon-bookmark"><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a></li><!-- ENDIF -->
                   <!-- IF U_BUMP_TOPIC --><li class="icon-bump"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->
                  <!-- ENDIF -->
                  <li class="rightside"><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a> &bull; <!-- ENDIF --><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a> &bull; <!-- ENDIF -->{S_TIMEZONE}</li>
              </ul>
          
              <span class="corners-bottom"><span></span></span></div>
             </div>
          </div>
        </div>
      <div class="border-bottom"><span><span></span></span></div>
    </div></div></div></div></div>
</div>
   
<!--
   We request you retain the full copyright notice below including the link to www.phpbb.com.
   This not only gives respect to the large amount of time given freely by the developers
   but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
   the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
   "phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
   forums may be affected.

   The phpBB Group : 2006
//-->

   <div class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a> &copy; 2000, 2002, 2005, 2007 phpBB Group
    <!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
    <!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
    <!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
   </div>

<div>
   <a id="bottom" name="bottom" accesskey="z"></a>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

</body>
</html>

????
style/your style/theme/common.css

?? ???? ??? ??? ????? ?????? ???? ????? ?????? ??? }

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

/* Border
---------------------------------------- */
.border-left { 
    background: url("{T_THEME_PATH}/images/border_left.gif") #FFFFFF repeat-y 0 0;
}

.border-right {
    background: url("{T_THEME_PATH}/images/border_right.gif") repeat-y 100% 0;
}

.border-top { 
    background: url("{T_THEME_PATH}/images/border_top.gif") repeat-x 0 0; 
}

.border-top-left {
    background: url("{T_THEME_PATH}/images/border_top_left.gif") no-repeat 0 0;
}

.border-top-right {
    background: url("{T_THEME_PATH}/images/border_top_right.gif") no-repeat 100% 0;
    width: 100%;
}

.border-bottom { 
    background: url("{T_THEME_PATH}/images/border_bottom2.gif") repeat-x 0 100%;
}

.border-bottom span {
    background: url("{T_THEME_PATH}/images/border_bottom.gif") no-repeat 0 0;
    display: block;
    height: 18px; 
}

.border-bottom span span { 
    background-position: 100% -18px;
}

.inside { 
    padding: 17px 27px 10px 27px;
}

?? ???? ????? ??????? ??? style/your_style/theme/images/

???? ??? ???? ?????? --> ??????????.

??? ?????? ??????? ????????