أنوثه ديزاين - لخدمات التصميم - عرض مشاركة واحدة

عُضويتيّ : 361 · منذ /26-7-2013, 04:13 AM

كود:

<!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>

دررس رووعه يسعدك ربي