عملت أستبدال لـ url('
بـ url('Face_Css/images/
دا كود الهيدر والفوتر بعد الأستبدال ،، يا رب يكون تمام
كود:
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
.h1{
background-image:url('Face_Css/images/face_02.gif');
background-repeat:repeat-x;
height:178px;
}
.h2{
background-image:url('Face_Css/images/face_01.gif');
background-repeat:no-repeat;
height:178px;
width:158px;
float:left;
}
.h3{
background-image:url('Face_Css/images/face_03.gif');
height:178px;
background-repeat:no-repeat;
width:184px;
float:right
}
.f1{
background-image:url('Face_Css/images/face_06.gif');
background-repeat:repeat-x;
height:25px;
}
.f2{
background-image:url('Face_Css/images/Face_Css/images/face_02.gif');
background-repeat:no-repeat;
height:25px;
width:90px;
float:left
}
.f3{
background-image:url('Face_Css/images/face_07.gif');
background-repeat:no-repeat;
height:25px;
width:342px;
float:right
</style>
</head>
<body>
<div class="h1">
<div class="h2"></div>
<div class="h3"></div></div>
<div class="f1">
<div class="f2"></div>
<div class="f3"></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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 2</title>
<style type="text/css">
.f_h1{
background-image:url('Face_Css/images/face_fourm_04.gif');
background-repeat:repeat-x;
height:34px
}
.f_h2{
background-image:url('Face_Css/images/face_fourm_03.gif');
background-repeat:no-repeat;
height:34px;
width:109px;
float:left
}
.f_h3{
background-image:url('Face_Css/images/face_fourm_05.gif');
height:34px;
background-repeat:no-repeat;
width:135px;
float:right;
}
.f_f1{
background-image:url('Face_Css/images/face_fourm_14.gif');
background-repeat:repeat-x;
height:32px;
}
.f_f2{
background-image:url('Face_Css/images/face_fourm_13.gif');
background-repeat:no-repeat;
height:32px;
width:109px;
float:left;
}
.f_f3{
background-image:url('Face_Css/images/face_fourm_15.gif');
background-repeat:no-repeat;
height:32px;
width:135px;
float:right;
}
.f_g_1{
background-image:url('Face_Css/images/الهيدر/face_04.gif');
height:100%;
}
.f_g_2{
background:url('Face_Css/images/face_fourm_09.gif') repeat-y left;
height:100%
}
.f_g_3{
background:url('Face_Css/images/face_fourm_11.gif') repeat-y right;
height:100%;
padding-left:37px;padding-right:37px
}
</style>
</head>
<body>
<div class="f_h1">
<div class="f_h2"></div>
<div class="f_h3"></div></div>
<div class="f_g_1">
<div class="f_g_2">
<div class="f_g_3">
</div>
</div>
</div>
<div class="f_f1">
<div class="f_f2"></div>
<div class="f_f3"></div></div>
</body>
</html>