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

?????? ????? ????? ???? ???????
=====================
???? ??? ?? ????? ????? ?? ???? ????? ????? ???? ??? ???????? ???????? phpBB3 ??? ????? ???? ??????? ???????? ??? ????? ??????? ??????? ?HTML? .
??????? ???? ????? ???? ?? ?patterny? ??????? ?? ??? ??????:
viewtopic.php?f=42&t=39743

???? ????? ??????? :
?????? ?? ?????? ???? ???? ?? ???? ??? ??????? ????? ?? ???? ??? ??? ????? ???? ?patterny? ?? ??????
????? ????? ??? ???? images ? ??? ?????? ???? ?? ????? ??????? ???? ????? ????????-

??????? ?????? ??? ????? ????? ?????? ?? ???????? ????????? ? ???????? ???? ????? ?????? ??? ??????? ?? ???????. ??? ?? ?????? ??????? :

??? ??????? ???? header.png ???????? ???? bg.png ??????? ???? footer.png

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

???? ????? ?????? ??????? ???? tbg.png ?????? ??????? ???? rowbg.png
???? ???? ??????? ?? ????? ??????? ??????? ??? ??????? ??????? ????? ?? ??? ??? ??????

????? ????? ??????? ???????? HTML:

???? ???? ???? ?? ???? ???? ??? notepad ?? ?????? notepad++ ?? ???? ?????? ????? ??? :
index.html ? style.css ???????? ?? ?????? ???? ??????? ?? ????? ????? ?patterny? ??? ??? ??????? ????? utf-8

?? ??? index.html ?? ???? ??? ????? ?????? :

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

<html dir="rtl">
<head>
<title>????? ????????</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
</body>
</html>

????? ?????? ?????? ?? ?????? ??????? ??? ???? html ??? ???? ???????? ??? ??? ??? style.css ??????? ????? ???? ???????.
?????
???? ???? div ???? ????? ?????? wrap ? ??? ??? div ????? ?????? ?????? ??????? ?????? ??????? ?????? ??? ?? ??????? ?????? ????

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

<html dir="rtl">
<head>
<title>????? ????????</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
  <div id="wrap">
  </div>
</body>
</html>

????? ??? div ?????? ???? wrap ?????? ????? div ?????? ?? ???????:

wrapheader ??? ????? ??? ??????
wrapcenter ??????? ????? ?????
wrapfooter ??????? ????? ????? ????????

???? ???? ??? ??? HTML ?? :

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

<html dir="rtl">
<head>
<title>????? ????????</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
  <div id="wrap">
    <div id="wrapheader"></div>
    <div id="wrapcenter"></div>
    <div id="wrapfooter"></div>
  </div>
</body>
</html>

???? ???? ??? ??? style.css ????? ????? ??? div ???? ???? ???????? :
???? ??????? ?? wrap: ????? ??? 980 ???? ???? ??? ??????? ??????? ???? ?? ??????? ???? ??????? bg.png ?? ??????? :

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

#wrap {
    margin:0 auto;
   width:980px;
   background:url(images/bg.png);
}

??????? ?? wrapheader ?????? ??? 980 ???? ??????? 294 ???? ???? ?? ??????? header.png :

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

#wrap {
    margin:0 auto;
   width:980px;
   background:url(images/bg.png);
}
#wrapheader {
    height:294px;
   width:980px;
   background:url(images/header.png);
}

??????? ?? wrapcenter ?????? ??? 90% ? margin ????? auto ??? ???? ????? ??????? ?? ???????? ???????:

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

#wrap {
    margin:0 auto;
   width:980px;
   background:url(images/bg.png);
}
#wrapheader {
    height:294px;
   width:980px;
   background:url(images/header.png);
}
#wrapcenter {
    width:90%;
   margin:0 auto;
}

??????? ?? wrapfooter ????? ???? 980 ???? ??????? 81 ???? ??????? ?? footer.png :

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

#wrap {
    margin:0 auto;
   width:980px;
   background:url(images/bg.png);
}
#wrapheader {
    height:294px;
   width:980px;
   background:url(images/header.png);
}
#wrapcenter {
    width:90%;
   margin:0 auto;
}
#wrapfooter {
    height:81px;
   width:980px;
   background:url(images/footer.png);
}

????? ????? ?????:
http://www.mediafire.com/?q5p8fyzyccjxnun

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

??????? ??? ??? ?????????? , ???? ????

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

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

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

alhitary
???? ?????
???? ??????? ? ??? ?? ?????? ???????

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

????? ?????? ??????? Dawn birth ???? ???? ?? ??? ??? ??????
??? ??? ? ??? ? ????? ??? ??????? ???? ?? ?????? ??????? ???? ????

مشاركةبواسطة **yemen** » الخميس يونيو 02, 2011 8:35 pm

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

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

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

?????? ????? ?????? ????? html ?????? ?? ???? ??? DOCTYPE

?????

????? ????? , ??? ????? ????? ????

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

مشاركةبواسطة **A.B.M.K** » الجمعة يونيو 03, 2011 2:29 am

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

??? ???? ????? ???? ??? ??? ??? ????? ? ???? ??????? ? ??? ?? ????????? ????? ???????? ?????? ????????? ?? ????? 3.1 , ???? ?? ???? ????? ???? ??? ???????

?????? ??????? ???? ?? ????? ?? ???? ??????? ??????? ?? ???? , ????? ????? ??? ????? ?? ???? ?????? ??????

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

?? ??? ???? ??? , ????? ?? ????? ???? ?? ?? ???? ??? ??? ????

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

???? ?????????? كتب:???? ???? ??? ?????

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

?????? ????? ?????? ????? html ?????? ?? ???? ??? DOCTYPE

?????

??????? ?? DOCTYPE ?? ?????? ??? ??? ??? ??? ???? ??? ?????? ???? ????? ??????? ????? ??????? ??? ??????? ????? ???????? ??? ???.

A.B.M.K كتب:?? ??? ???? ????

??? ???? ????? ???? ??? ??? ??? ????? ? ???? ??????? ? ??? ?? ????????? ????? ???????? ?????? ????????? ?? ????? 3.1 , ???? ?? ???? ????? ???? ??? ???????

?????? ??????? ???? ?? ????? ?? ???? ??????? ??????? ?? ???? , ????? ????? ??? ????? ?? ???? ?????? ??????

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

?? ??? ???? ??? , ????? ?? ????? ???? ?? ?? ???? ??? ??? ????

?? ??? ???? ????? ?? ??? ?????? ? ??????? ????????? ??? ??? ?????? ?? ????? :
http://www.al-ramady.com/vb/f73

مشاركةبواسطة **odroos** » الأحد يونيو 05, 2011 8:54 pm

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

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

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

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

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

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

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

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

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

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

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

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

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

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