كود:
<!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">
.headr-tmdd {
background-image:url('hadar_-tamadd.png');
background-repeat:repeat-x;
height:226px;
}
.headr-1 {
background-image:url('hadar_-1.png');
background-repeat:no-repeat;
height:226px;
width:390px;
float:right;
}
.headr-2 {
background-image:url('hedar_2.png');
background-repeat:no-repeat;
height:226px;
width:111px;
float:left;
}
.backg {
background:transparent;
color:maroon;
}
.po-1 {
background-image:url('po_1.png');
background-position:right;padding-right:65px;background-repeat:repeat-y;
}
.po-2 {
background-image:url('po_2.gif');
background-position:left;padding-left:65px;background-repeat:repeat-y;
}
</style>
</head>
<body>
<div class="headr-tmdd">
<div class="headr-1"></div>
<div class="headr-2"></div>
</div>
<div class="backg">
<div class="po-1"></div>
<div class="po-2"></div>
</div>
<div class="fotar-tmdd">
<div class="fotar-1"></div>
<div class="fotar-2"></div>
<div class="fotar-3"></div>
</div>
</body>
</html>
دررس رووعه يسعدك ربي