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

منتديات ستايلات phpBB3 والنقاش حول استايلات الجيل الثالث من phpBB وأيضاً حل مشاكل الاستايلات العامة

المشرفون: alhitary، طاقم الاستايلات

قوانين المنتدى
هذه الساحة للنقاش حول كيفية الاستايلات وليست لحل المشاكل المتعلقه بذلك، مشكلة الاستايل تطرح في موضوع الاستايل نفسه
صورة العضو الشخصية
Ghalebi
مشرف سابق
مشرف سابق
مشاركات: 791
اشترك في: الجمعة نوفمبر 05, 2004 7:05 pm
مكان: اليمن - عدن

[??? ??????] ????????? ??????? ??? ???? ??????????

مشاركةبواسطة Ghalebi » الاثنين ديسمبر 19, 2011 11:34 pm

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

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

* ??? ????? ??? ?????? ????????
* ???? ?????? ??????? ?????? 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) ?? ?????? ??????? ?? ????????.

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

????? ????? ? ???????? :P

?? ??????? ?????? ???????? ? ?? ?????? ?? ???? ????? ?? ??? ????? :)
صورةصورةصورة




Saif Alhak
مشرف سابق
مشرف سابق
مشاركات: 498
اشترك في: الأحد مارس 08, 2009 1:53 am
مكان: سوريا

[??? ??????] ????????? ??????? ??? ???? ??????????

مشاركةبواسطة Saif Alhak » الثلاثاء ديسمبر 20, 2011 12:22 am

????? ????? ???????? ?????? ?????? , ???? ????? ???????
• لست أشعر ببرود الهمة لأن كل محاولة خاطئة أتخلى عنها هي خطوة تقودني للأمام
• إنني أسير ببطء ، لكنني لا أسير للخلف ابداً


• أعمالي ...
- عيادة طب الأطفال
- منتدى طب الأطفال
- تجمع الشعاعيين العرب
- نقابة أطباء القنيطرة

صورة
صورة

صورة العضو الشخصية
Ghalebi
مشرف سابق
مشرف سابق
مشاركات: 791
اشترك في: الجمعة نوفمبر 05, 2004 7:05 pm
مكان: اليمن - عدن

[??? ??????] ????????? ??????? ??? ???? ??????????

مشاركةبواسطة Ghalebi » الثلاثاء ديسمبر 20, 2011 12:33 am

???? ?????? ? ???? ???? ??? ??? ???? ???? ?????? .. ? ?? ??? ?????? ????????? ????? ?????? ?????? ????? ???? ???? ??????? ???? ??? ????? ?????? ;)
صورةصورةصورة

صورة العضو الشخصية
ابو عبد الودود
عضو فعال
عضو فعال
مشاركات: 785
اشترك في: الاثنين سبتمبر 07, 2009 3:05 pm
مكان: ارض الله

[??? ??????] ????????? ??????? ??? ???? ??????????

مشاركةبواسطة ابو عبد الودود » الثلاثاء ديسمبر 20, 2011 11:29 am

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

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

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

???? ???? ???


العودة إلى “الاستايلات [ ×.3.0 ]”

الموجودون الآن

المستخدمون الذين يتصفحون المنتدى الآن: CommonCrawl Bot, MSNBot و 18 زائراً