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

[Dawn birth]

??? ???? ?????? ??????
--------------------------
?? ????? ?????? ?????? ??????? ?? ????? ???????? 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]

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

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

[lifeshad]

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