[درس متكامل] التعديلات الممكنة على هيدر البروسيلفر

[Ghalebi]

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

???? ?????? ?? ?????? ?? ????? ?????? ????? ??? ??? ??????? ????? ?? ???? ?????????? ? ???? ?? ??? ??? ?????? ??? ???? ????????? ???? ???? ?????? ?? ?????????? ?????? ?? ???? ??????????? ?? ??????? ???? ??? ????? ?? ?????? ???? ? ?? ?? ???? ?????? ???? ???? ?????? ?? ??? ????? ??????? ??????? ? ?? ??? ???? ???? ?????? ???? ???? ???? ????? ???? ????? ???????.

* ??? ????? ??? ?????? ????????
* ???? ?????? ??????? ?????? Notepad++ ?? ??????? ??? ????? ???????.
* ?? ???? ??? ?????? ??? ?? ?????? ????? ?? ???? ?????? ?????? ??????? ? ??????? ?? ???? ?????? ???????? =>?????????=>???????\???????=>????????=>?????

????? ???? ??????
1) ?? ???? ?????? ??? ?????? styles/prosilver/theme/images/

2) ???? ????? styles/prosilver/theme/common.css
???? ??:

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

.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 5px;

??? ????:

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

   height: 100px;

?? ?????? ?????? 100 ??? ?????? ?????? ???? ??????

3) ???? ????? styles/prosilver/theme/colours.css
???? ??:

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

.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
}

?? ?????? bg_header.gif ??? ??? ?????? ???? ??????

4) ???? ????? styles/prosilver/template/overall_header.html
???? ??:

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

<div id="site-description">

??? ????:

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

<div style="height: 90px;">

??????: ???????? ??? ??? ?? ???? ??? ??10 ???? ?? ?????? ?????? ??????

???? ??:

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

<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->

??? ????:

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

</div>

5) ?? ?????? ??????? ? ??????? ?? ????????
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

????? ??? Logo
1) ???? ????? styles/prosilver/template/overall_header.html
???? ?? ? ????:

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

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>

2) ?? ?????? ??????? ?? ????????
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

????? ??? ? ??? ??????
1) ???? ????? styles/prosilver/template/overall_header.html
???? ?? ? ????:

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

<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>

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

2) ?? ?????? ??????? ?? ????????
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

????? ????? ?????
1) ???? ????? styles/prosilver/template/overall_header.html
???? ?? ? ????:

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

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box">
            <form action="{U_SEARCH}" method="post" id="search">
            <fieldset>
               <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
               <input class="button2" value="{L_SEARCH}" type="submit" /><br />
               <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->

2) ?? ?????? ??????? ?? ????????
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

????? ??? ??????? ??????
1) ?? ?????? ?????? ????? ???? ???? ?????? ???????? ?? ?????? ? ?? ???????? ??? ????? ??????:

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

 header_random_1.EXTENSION

?? ??????? ???? EXTENSION ??????? ????? ? ???? ????? ??? (gif, png, jpg) ????? ?? ???? ???? ????? ???? ????????!

2) ???? ???? ????? ??? ?????? styles/prosilver/theme/images/

3) ???? ????? includes/functions.php
???? ??:

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

'T_STYLESHEET_NAME'      => $user->theme['theme_name'],

??? ????:

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

'RANDOM_HEADER'      => mt_rand(1, XXX),

?????? XXX ???? ????? ???? ??? ?????? .. ???? ?? ?????? ????? ???????? ?? ???? ??? ?????? XXX ?? 3 ? ???? ...

4) ???? ?????:
style.php
???? ??:

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

      '{S_USER_LANG}'            => $user['user_lang']

??????? ?? :

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

      '{S_USER_LANG}'            => $user['user_lang'],
      '{RANDOM_HEADER}'      => mt_rand(1, XXX)

??? ????? ?? ?????? ???????? ?????? XXX ???? ????? ???? ??? ?????? .. ???? ?? ?????? ????? ???????? ?? ???? ??? ?????? XXX ?? 3 ? ???? ...

5) ???? ????? styles/prosilver/theme/colours.css
???? ??:

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

.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
}

??????? ?? :

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

.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/header_random_{RANDOM_HEADER}.EXTENSION");
   color: #FFFFFF;
}

?? ??????? ???? EXTENSION ??????? ????? ? ???? ????? ??? (gif, png, jpg) ??? ???? ?? ?????? ??????

6) ?? ?????? ??????? ?? ????????
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

??????? ?????? "????? ????" ?????? ?????
1) ???? ????? styles/prosilver/template/overall_header.html
???? ??:

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

<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

??????? ?? :

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

            <li class="rightside" style="font-size: 1em;">
          <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
             <div id="search-box">
                <form action="{U_SEARCH}" method="post" id="search">
                <fieldset>
                   <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
                   <input class="button2" value="{L_SEARCH}" type="submit" /><br />
                    {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>
                </form>
             </div>
          <!-- ENDIF -->
        </li>

2) ???? ????? styles/prosilver/theme/common.css
???? ??:

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

#search-box {
   color: #FFFFFF;
   position: relative;
   margin-top: 30px;
   margin-right: 5px;
   display: block;
   float: right;
   text-align: right;
   white-space: nowrap; /* For Opera */
}

??????? ?? :

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

#search-box {
  color: #FFFFFF;
  position: relative;
  display: block;
  text-align: right;
  white-space: nowrap; /* For Opera */
  line-height: 1em;
}

3) ?? ?????? ??????? ? ??????? ?? ????????.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

????? ?????? ????? ??????? ??????? Navigation
1) ???? ????? styles/prosilver/template/overall_header.html
???? ??:

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

<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>

??? ????:

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

<li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li>

2) ?? ?????? ??????? ?? ????????.

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

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

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

?? ????? ??????? ?????? ?????? ????? Ghalebi