[الدرس السابع]دورة تصميم ستايل باستخدام gimp

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

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

قوانين المنتدى
هذه الساحة للنقاش حول كيفية الاستايلات وليست لحل المشاكل المتعلقه بذلك، مشكلة الاستايل تطرح في موضوع الاستايل نفسه
Dawn birth
مشرف سابق
مشرف سابق
مشاركات: 942
اشترك في: الخميس فبراير 26, 2009 3:26 pm
اتصال:

[????? ??????]???? ????? ????? ???????? gimp

مشاركةبواسطة Dawn birth » الأحد فبراير 28, 2010 7:01 pm

??? ???? ?????? ??????
--------------------------
?? ????? ?????? ?????? ??????? ?? ????? ???????? phpbb3 ??????? ???? ????? ??????? ??? ????? subsilver2 ????????? ??????? ?? ?????? ????? ?????? ?????? ???? ????? ????? ??????? ?????? ????? ??? ???? theme/images ?? ??????? ??????.
????? ????? ??????? ??????? ??? ??? ????? ?????? ??????? :
1-???? ??? html ?????? ?? ??????? ???? ???? ?? ???????? ?????? ???? ?????? gedit ????
2-????? ?????? ???? ??? ?????? ????? ?? ????? ????:
????? ?? ????? ???? ????

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

<img alt=" " src="images/bb_0_2.jpg" style="width: 315px;  height: 188px; border-width: 0px;">

??????? ???:

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

<img alt=" " src="{T_THEME_PATH}/images/bb_0_2.jpg" style="width: 315px;  height: 188px; border-width: 0px;">

???? ??? ??????? ?????:
?? ????? search ?? ?????? gedit ???? replace
???? ?? ?????? ???????: images/
??? ?????? ???????:{T_THEME_PATH}/images/
?? ???? ??? Replace All ??? ??????? ???????
صورة
3-??? ????? ?????? ????? ????? ???? ????? ??????? ??? ??? ??? ??? overall_header.html ?????? ?????? ??? ??? overall_footer.html ?????????? ??? ?????? ??????:
styles/bbcolors_course/template
??? ?? "bbcolors_course" ?? ??? ??????? ???? ???? ????
????? ????? ?? ????? ??? ????? ??? ???? ??????? :
-????? ??????? ?????? ??? ????? :??? ??? ??????? "?? ?????? ?????? ???" ???? ??? ??? ??????? ??? ?? ???? ?? ?????? ???????
صورة
???? ?? ????? ?????? ???? ??? </td> ??? ?????? ?????
???? ???? ??? ?????? ??????: styles/bbcolors_course/template
???? ??? overall_header
???? ??? ????? ??????:

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

<div id="wrapheader">

   <div id="logodesc">
      <table width="100%" cellspacing="0">
      <tr>
         <td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
         <td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
      </tr>
      </table>
   </div>

???? ???? ??? ????? ????? ??????? ?? ??? ??html ?????? ?? ??????? ??? ?????? ?? ??? ??? ?????:

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

<table cellpadding="0" border="0" cellspacing="0.0" width="100%" dir="rtl">
  <tr>
    <td><img alt=" " src="{T_THEME_PATH}/images/bb_0_2.jpg" style="width: 315px;  height: 188px; border-width: 0px;"></td>
    <td style="background:url({T_THEME_PATH}/images/bb_0_1.jpg); width:100%"></td>
    <td><img alt=" " src="{T_THEME_PATH}/images/bb_0_0.jpg" style="width: 345px;  height: 188px; border-width: 0px;"></td>
</tr>

  <tr>
    <td colspan="2" style="background:url({T_THEME_PATH}/images/bb_1_2.jpg); width:100%; height: 163px;"></td>
    <td style="width: 345px; height: 163px; background:url({T_THEME_PATH}/images/bb_1_0.jpg);"></td>
</tr>

  <tr>
    <td colspan="3" style="background:#fff">

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

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

<div id="wrapcentre">

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

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

</div>

???? ?????? ??? ??? ????? ?? ????? ?? ??? ??div ????? ?? #wrapheader ??? ???? ????? ????
???? ???? ??? overall_footer.html
???? ?????? ????? ????? ??????? ?? ??? ?????:

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

</td>
</tr>

  <tr>
    <td colspan="2" style="background:url({T_THEME_PATH}/images/bb_3_2.jpg); width:100%"></td>
    <td><img alt=" " src="{T_THEME_PATH}/images/bb_3_0.jpg" style="width: 345px;  height: 136px; border-width: 0px;"></td>
</tr>

</table>

???:

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

</body>

??????
???? ???? ??? ??????: styles/bbcolors_course/theme
???? ??? stylesheet.css
???? ??:

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

td {
        padding: 2px;
}

???? ?????? 2px ??? 0px
????? ????:

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

td {
        padding: 0px;
}

???? ???? ??????? ?? ???? ??? ???? ?????? ???????? ??????? ?? ????? ?????????? ?? ??????? ?? ??????? ????? ??? ???? ??? ????? ?? ????? ???? ??? ??????? ???????
صورة
صورة
???? ??????? ?? ??????? ???? ?????? ??? ?? ?? ????? ?????? ??????? ????? ??? ?????? ???.




صورة العضو الرمزية
lifeshad
عضو جديد
عضو جديد
مشاركات: 9
اشترك في: الخميس فبراير 18, 2010 8:38 pm

[????? ??????]???? ????? ????? ???????? gimp

مشاركةبواسطة lifeshad » الأربعاء مارس 03, 2010 12:29 pm

?? ??? ????? ??? ????? ?????????? ???? ??????? :)

??? ???? ??? ?????? ..????? ???? ???? :]

صورة العضو الرمزية
lifeshad
عضو جديد
عضو جديد
مشاركات: 9
اشترك في: الخميس فبراير 18, 2010 8:38 pm

[????? ??????]???? ????? ????? ???????? gimp

مشاركةبواسطة lifeshad » الأربعاء مارس 03, 2010 1:37 pm

?? ???? ?????? ???? ?? ???? ?? ???? ???????? ???? ???? ?????? ..-??? ??? ?????? ????? - ?


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

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

المتصفحون للمنتدى الآن: Ahrefs [Bot], Semrush [Bot] و 3 زوار