اريد من فضلكم ان تصمموا لي قالب يكون فيه لون ازرق وابيض ويكون مكتوب فيه منتديات شامل
وكذلك اريد ان تكون فيه اقسام المنتدى
وشكر
ا
وكذلك اريد ان تكون فيه اقسام المنتدى
وشكر
ا
<!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" dir="rtl" xml:lang="ar" lang="ar">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>قياسي: قالب تجاري 1</title>
<style type="text/css" />
/*تصميم قياسي http://www.qyasi.com*/
body {
margin: 0;
padding: 0;
font-size: 90%;
background-color: #5F9EA0;
}
#outside {
width: 776px;
margin: auto;
padding: 0;
background: White url(images/bodyback.jpg) repeat-y top;
}
h1{
font: bold 18px tahoma,Arial;
color: #81AD2A;
padding: 0px;
margin: 5px;
text-align: center;
}
h2 {
margin-bottom: 1px;
margin-top: 5px;
padding: 0px;
font: bold 16px/25px Arial,tahoma;
text-align: center;
color: #0880CC;
}
h3{
margin: 0px;
padding: 2px;
font: bold 14px/20px Arial,tahoma;
color: #008AB5;
text-align: right;
}
p
{
padding: 1px;
margin: 0px;
color: #DC143C;
}
ul
{
font: bold 16px/30px arial,tahoma;
padding: 2px;
margin: 0px;
list-style: none;
}
il
{
margin: 0px;
padding: 0px;
}
h5
{
float: left;
padding-right: 18px;
color: #1E90FF;
margin: 0px;
font: bold 16px/20px arial,tahoma;
}
hr
{
color: Silver;
width: 99%;
text-align: center;
}
#header {
height: 150px;
width: 776px;
margin: 0px;
padding: 0px;
background: White url(images/bannerback.jpg) no-repeat top;
}
#header h1 {
padding: 0px;
}
#header h1 a{
color: Lime;
font: bold 22px/25px Tahoma,arial;
text-decoration: none;
float: right;
margin: 40px 45px 0 0;
}
#header h1 a:hover{
color: Yellow;
}
#col1 {
margin: 0;
width: 165px;
float: right;
border: none;
}
.nav {
width: 164px;
margin:0 29px 0 0;
padding: 0px;
background-color: #F0F0F0;
}
.nav a {
display: block;
color: #1E90FF;
width: 160px;
border-bottom: 1px solid White;
font-weight: bold;
text-align: center;
text-decoration: none;
}
.nav a:hover {
background: #FAFAFA;
color: #3C1FE6;
}
.navbottom{
width: 164px;
height: 20px;
margin:0;
padding: 0px;
background: #fff url(images/navbottom.jpg) no-repeat top;
}
#col2 {
margin-right: 190px;
width: 550px;
padding: 10px;
margin-top: 0px;
font: normal .9em/1.5em tahoma;
}
#col2 a {
color: #7B68EE;
font-weight: bold;
text-decoration: none;
}
#col2 a:hover {
color: #FF6428;
}
#col2 img
{
display: block;
margin: 0px;
padding: 0px;
border: none;
}
#footer {
width: 776px;
clear: both;
font: bold 14px/50px Arial;
margin: auto;
background: url(images/bac.jpg) repeat-x top;
color: Teal;
height: 50px;
line-height: 50px;
text-align: center;
}
#footer h6 {margin: 0; height: 50px; padding: 0px;font: bold 14px/50px Arial;}
#footerlink {float: left; margin: 0 5px 0 5px;}
#footer a {
color: #00A3D7;
text-decoration: none;
}
#footer a:hover {
color: #7B68EE;
text-decoration: underline;
}
.order
{
width: 500px;
height: 150px;
background: #fff url(images/back.jpg) no-repeat center;
margin: auto;
font: bold 14px/25px Tahoma,Arial;
}
.adv
{
width: 505px;
height: 60px;
margin: auto;
background: #C8F2FF;
}
/*تصميم قياسي http://www.qyasi.com*/
</style>
</head>
<body>
<div id="outside">
<div id="header">
<h1><a href="#">إسم الموقع</a></h1>
</div><!-- end of header -->
<div id="col1">
<div class="nav">
<ul>
<li><a href="#">الرئيسية</a></li>
<li><a href="#">خطة رقم 1</a></li>
<li><a href="#">خطة رقم 2</a></li>
<li><a href="#">خطة رقم 2</a></li>
<li><a href="#">اتصل بنا</a></li>
</ul>
<div class="navbottom">
</div>
</div><!-- end of nav -->
</div><!-- end of col1 -->
<div id="col2">
<div class="adv">
<h2>\\مساحة إعلانية\\</h2>
<h2>---505px X 60px---</h2>
</div>
<h1>هذا القالب</h1>
<div class="order">
<h2>خطة رقم 1</h2>
<h3>» تم تصميم هذا القالب ليكون متوافقاً مع المعايير القياسية العالمية للغة<a href="http://validator.w3.org/check/referer">XHTML 1</a> و تقنية <a href="http://jigsaw.w3.org/css-validator/check/referer" title="">CSS</a> ولهذا فإن التصميم يعمل بكفائة كاملة ويظهر بنفس الأبعاد على كافة المتصفحات الحالية التي تدعم المعايير القياسية. </h3>
<h3>» إن هذا التصميم مجاني بالكامل ولك حرية استخدامه و التعديل عليه ونشره , ولكن الرجاء المحافظة على حقوق التصميم التابعة للمصمم و لموقع <a href="http://www.qyasi.com/">قياسي</a>. </h3>
<h5><a href="#">المزيد</a></h5>
<h5><a href="#">للطلب</a></h5>
</div>
<br />
<div class="order">
<h2>خطة رقم 2</h2>
<h3>» تم تصميم هذا القالب ليكون متوافقاً مع المعايير القياسية العالمية للغة<a href="http://validator.w3.org/check/referer">XHTML 1</a> و تقنية <a href="http://jigsaw.w3.org/css-validator/check/referer" title="">CSS</a> ولهذا فإن التصميم يعمل بكفائة كاملة ويظهر بنفس الأبعاد على كافة المتصفحات الحالية التي تدعم المعايير القياسية. </h3>
<h3>» إن هذا التصميم مجاني بالكامل ولك حرية استخدامه و التعديل عليه ونشره , ولكن الرجاء المحافظة على حقوق التصميم التابعة للمصمم و لموقع <a href="http://www.qyasi.com/">قياسي</a>. </h3>
<h5><a href="#">المزيد</a></h5>
<h5><a href="#">للطلب</a></h5>
</div>
<br />
<div class="order">
<h2>خطة رقم 3</h2>
<h3>» تم تصميم هذا القالب ليكون متوافقاً مع المعايير القياسية العالمية للغة<a href="http://validator.w3.org/check/referer">XHTML 1</a> و تقنية <a href="http://jigsaw.w3.org/css-validator/check/referer" title="">CSS</a> ولهذا فإن التصميم يعمل بكفائة كاملة ويظهر بنفس الأبعاد على كافة المتصفحات الحالية التي تدعم المعايير القياسية. </h3>
<h3>» إن هذا التصميم مجاني بالكامل ولك حرية استخدامه و التعديل عليه ونشره , ولكن الرجاء المحافظة على حقوق التصميم التابعة للمصمم و لموقع <a href="http://www.qyasi.com/">قياسي</a>. </h3>
<h5><a href="#">المزيد</a></h5>
<h5><a href="#">للطلب</a></h5>
</div>
<br />
</div><!-- end of column 2 -->
<div id="footer">
<span id="footerlink"><a href="http://www.qyasi.com">تصميم قياسي</a></span>
متوافق مع : <a href="http://validator.w3.org/check/referer" title="">XHTML</a> - <a href="http://jigsaw.w3.org/css-validator/check/referer" title="">CSS</a>
</div><!-- end of footer -->
</div><!-- end of outside -->
<!--http://www.qyasi.com-->
</body>
</html>
[center]