✍| عملائي ●
تطبيقي للدرس الرابع كود PHP: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title>استايل تجربه</title><style type="text/css">.Heder_tmdd {background-image:url('images/heder-hmdd.gif');background-repeat:repeat-x;height:350px;}.hedr-1 { background-image:url('images/headr-1.gif'); background-repeat:no-repeat; height:350px; width:382px; float:right; }.hedr-2 {background-image:url('images/headr-2.gif');background-repeat:no-repeat;height:350px;width:73px;float:left; }.backg { background:transparent; color:maroon;}.P-1 { background-image:url('images/p-1.gif'); background-position:right;padding-right:45px;background-repeat:repeat-y;}.P-2 {background-image:url('images/p-2.gif');background-position:left;padding-left:45px;background-repeat:repeat-y; }</style></head><body><div class="Heder_tmdd"> <div class="hedr-1"></div><div class="hedr-2"></div></div> <div class="backg"><div class="P-1"></div><div class="P-2"></div></div><div class="Foter_tmdd"><div class="Foter-1"></div><div class="Foter-2"></div></div> </body></html> سهل ورائع ، لاهنتي ي الغغلا
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title>استايل تجربه</title><style type="text/css">.Heder_tmdd {background-image:url('images/heder-hmdd.gif');background-repeat:repeat-x;height:350px;}.hedr-1 { background-image:url('images/headr-1.gif'); background-repeat:no-repeat; height:350px; width:382px; float:right; }.hedr-2 {background-image:url('images/headr-2.gif');background-repeat:no-repeat;height:350px;width:73px;float:left; }.backg { background:transparent; color:maroon;}.P-1 { background-image:url('images/p-1.gif'); background-position:right;padding-right:45px;background-repeat:repeat-y;}.P-2 {background-image:url('images/p-2.gif');background-position:left;padding-left:45px;background-repeat:repeat-y; }</style></head><body><div class="Heder_tmdd"> <div class="hedr-1"></div><div class="hedr-2"></div></div> <div class="backg"><div class="P-1"></div><div class="P-2"></div></div><div class="Foter_tmdd"><div class="Foter-1"></div><div class="Foter-2"></div></div> </body></html>