<html dir="rtl" lang="ar">
<head>
<meta charset="utf-8" />
<title>Page Title</title> <!-- ادخل هنا اسم الصفحة -->
<style type="text/css">
body {
margin: 0;
paddinh: 0;
box-sizing: border-box;
background-color: #2e3133;
}
a {
text-decoration: none;
}
.omar-page-header img, .omar-page-header span {
display:inline-block;
vertical-align: middle;
color: #333;
}
.omar-page-header img {
padding: 15px;
}
.omar-page-header, .page-content {
background: #fff;
}
#tabs {
height:45px;
padding-left:40px;
background-color:#369fcf;
}
#tabs ul {
margin:0;
list-style:none;
}
#tabs ul {
margin:0 15px;
}
#tabs li {
display:inline-block;
height:45px;
font-weight:bold;
height:45px;
float:right;
}
#tabs a {
text-decoration:none;
color:#FFFFFF;
height:45px;
display:inline-block;
}
#tabs a span {
box-sizing:border-box;
display:block;
font-family:"Helvetica";
height:45px;
line-height:45px;
padding:0 30px;
transition-duration:300ms;
}
#tabs a:hover span,#tabs #activetab a span {
background-color: rgba( 255,255,255,0.2 );
}
.page-content {
background: #fafafa;
border: 1px solid #ccc;
width: 90%;
margin: 0 auto;
padding: 15px;
text-align: center;
}
.page-content h1 {
margin-top: 0;
}
.content-block {
background: #fff;
padding: 10px;
width: 90%;
min-height: 500px;
border: 1px solid #39c;
border-radius: 5px;
display:inline-block;
}
#page-footer {
background-color: #2e3133;
box-sizing: border-box;
clear: both;
color: #a3aaae;
font-size: 1em;
height: auto;
padding: 20px;
text-align: center;
}
</style>
</head>
<body class="omarpop23">
<div class="omar-page-header">
<a href="رابط المنتدى">
<img src="https://2img.net/r/frmste/images/sigle.png" />
<span>اسم الموقع</span>
</a>
</div>
<div id="tabs">
<ul>
<li><a id="short-link" href="/#"><span>رابط نصي</span></a></li>
<li><a id="short-link" href="/#"><span>رابط نصي</span></a></li>
<li><a id="short-link" href="/#"><span>رابط نصي</span></a></li>
<li><a id="short-link" href="/#"><span>رابط نصي</span></a></li>
</ul>
</div>
<div style="background: #fff; padding-bottom: 50px;">
<div class="page-content">
<h1 class="content-title">عنوان الموضوع</h1>
<div class="content-block">
المقدددمممة
</div>
</div>
</div>
<div id="page-footer">
<a class="help-link" href="/#" target="_blank">
<img src="https://2img.net/r/frmste/images/free-hosting-forum.png" alt="" />
</a>
</div>
</body>
</html>
وصوره بالأعلى مثل الهيدر بس ما ابي يكون بين اعلى الصفحه والهيدر مسافه 
اذكر فيه اكواد تسوي هيدر للمنتدى بورقة css كود يشمل صورة الهيدر وصورة على اليمين واليسار مع صور الاطار مكرر 
، اما صفحة الـ html
.
Facebook
Twitter
Youtube
