malleko
31-05-2006, 05:47 PM
السلام عليكم و رحمة الله و بركاته
ثم أما بعد ، فإتمام لما نشر في الموضوع السابق (http://www.montada.com/showthread.php?t=463838) هاهي طريقة جد سهلة للتصميمز
1- صناعة ملف فوتوشوب فيه هيئة الموقع
http://download.en911.com/uploadfile/2006/4/1/21131566304.jpg
طبعا بعد حذف النص اللذي سيكتب بالـHTML و تجدون في الموقع http://www.templateen.com/webtemplate/0-1.htm
العديد من الأذواق
2- تقطيع الملف إلى صور :
Header
Footer
و نأخذ قطعة صغيرة جدا للـBody بحيث تعاد كل سطر
3- فتح ملف CSS
كتابة :
body{
text-align:center;
background-color:#689057;
}
div#container{
text-align:justify;
width:930px;
background:url(images/body.gif) repeat-y;
}
div#header{
background:url(images/header.gif) no-repeat;
text-align:right;
padding: 15px 90px;
height:387px;
line-height: 20px;
}
div#content{
height:400px;
}
div#footer{
background:url(images/footer.gif) no-repeat;
height:70px;
}
4- في كود ال Html نكتب في Body :
< body >
< div id="container" >
< div id="header" >
< / div >
< div id= "content" >
< /div >
< div id="footer" >
< /div >
< / div >
الرجاء إرسال إنجازاتكم أو ذكرها ليستنفع الجميع
[/CENTER]
ثم أما بعد ، فإتمام لما نشر في الموضوع السابق (http://www.montada.com/showthread.php?t=463838) هاهي طريقة جد سهلة للتصميمز
1- صناعة ملف فوتوشوب فيه هيئة الموقع
http://download.en911.com/uploadfile/2006/4/1/21131566304.jpg
طبعا بعد حذف النص اللذي سيكتب بالـHTML و تجدون في الموقع http://www.templateen.com/webtemplate/0-1.htm
العديد من الأذواق
2- تقطيع الملف إلى صور :
Header
Footer
و نأخذ قطعة صغيرة جدا للـBody بحيث تعاد كل سطر
3- فتح ملف CSS
كتابة :
body{
text-align:center;
background-color:#689057;
}
div#container{
text-align:justify;
width:930px;
background:url(images/body.gif) repeat-y;
}
div#header{
background:url(images/header.gif) no-repeat;
text-align:right;
padding: 15px 90px;
height:387px;
line-height: 20px;
}
div#content{
height:400px;
}
div#footer{
background:url(images/footer.gif) no-repeat;
height:70px;
}
4- في كود ال Html نكتب في Body :
< body >
< div id="container" >
< div id="header" >
< / div >
< div id= "content" >
< /div >
< div id="footer" >
< /div >
< / div >
الرجاء إرسال إنجازاتكم أو ذكرها ليستنفع الجميع
[/CENTER]