new.moonفبراير 23rd 2012, 12:38 am
Administrateur
السلام عليكم ورحمة الله وبركاتو ورحمة الله وبركاته ..
كيف حال الجميع ان شاء الله بخير وعلى خير
اولا اتقدم بالشكر الجزيل لكل من ساهم في اخراج الهيدر الجميل الاحترافي الموجود بالموضوع التالي
وقد قمت بتركيبه على المنتدى وقمت ببعض التعديلات عليه فكانت النتيجة كما مبين في الصورة
طبعا مكان اعلان جوجل يمكن تعويضه باعلاناتكم .. ويمكنكم التعديل كيف ما تحبون لان التعديل سهل جدا ..
وهذا كود الذي يجب وضعه بالهيدر .. وقم بتغير الى ما يناسبك
وهذا كود تعريفات css
في حفظ الرحمان
كيف حال الجميع ان شاء الله بخير وعلى خير
اولا اتقدم بالشكر الجزيل لكل من ساهم في اخراج الهيدر الجميل الاحترافي الموجود بالموضوع التالي
وقد قمت بتركيبه على المنتدى وقمت ببعض التعديلات عليه فكانت النتيجة كما مبين في الصورة
طبعا مكان اعلان جوجل يمكن تعويضه باعلاناتكم .. ويمكنكم التعديل كيف ما تحبون لان التعديل سهل جدا ..
وهذا كود الذي يجب وضعه بالهيدر .. وقم بتغير الى ما يناسبك
- الكود:
<!-- الهيدر كامل -->
<div id="header1-tr">
<div class="line-dw-with-texts"> <!--قائمة الروابط الافقية في الاعلى خط سفلي مع روابط -->
<ul class="link1-h">
<li class="hov1"><a href="رابط الموضوع" title="">عنوان الرابط</a>
</li>
<li class="hov1"><a href="رابط الموضوع" title="">عنوان الرابط</a>
</li>
<li class="hov1"><a href="رابط الموضوع" title="">عنوان الرابط</a></li>
<li class="hov1"><a href="رابط الموضوع" title="">عنوان الرابط</a>
</li>
<li class="hov1"><a href="رابط الموضوع" title="">عنوان الرابط</a></li>
</ul>
</div> <!--قائمة الروابط الافقية في الاعلى خط سفلي مع روابط -->
</div>
<div id="header-tr">
<div class="line-up-with-texts"> <!-- خط علوي مع روابط -->
<div class="logo"><a href="رابط النتدى"><img src="vb/images/headerlogolovefount.png" alt="ينبوع المحبة" border="0"/></a></div> <!-- مساحة الشعار -->
<div align="left">
هنا اعلانك بجهة اليسار
</div>
<div class="topad">ماشاء الله تبارك الله ماشاء الله لاقوة الا بالله , اللهم اني اسالك الهدى والتقى والعفاف والغنى </div>
</div> <!-- خط علوي مع روابط -->
<div class="line-dw-with-texts"> <!-- خط سفلي مع روابط -->
<!-- الروابط -->
<ul class="link-h">
<li class="hov-home"><a href="http://www.lovefount.com/vb/index.php" title="الرئيسية"><img src="images/home.png" border="0" align="top"/></a></li>
<li class="hov"><a href="http://www.lovefount.net/up/" title="">مركز التحميل</a></li>
<li class="hov"><a href="http://www.lovefount.com/vb/f225.html" title="">عنوان الرابط</a></li>
<li class="hov"><a href="http://www.lovefount.com/vb/f242.html" title="">عنوان الرابط</a></li>
<li class="hov"><a href="http://www.lovefount.com/vb/f252.html" title="">عنوان الرابط</a></li>
<li class="hov"><a href="http://www.lovefount.com/vb/f1.html" title="">عنوان الرابط</a></li>
<li class="hov"><a href="http://lovefount.com/vb/sendmessage.php" title="">عنوان الرابط</a></li>
</ul>
<!-- الروابط -->
<div class="search-forum" >
<form method="get" class="searchform" action="search.php" >
<input type="text" size="24" value="ادخل كلمة البحث..." name="s" onfocus="if(this.value=='ادخل كلمة البحث...'){this.value=''};" onblur="if(this.value==''){this.value='ادخل كلمة البحث...'};" class="text-search" />
<input type="submit" title="ابدأ البحث" class="searchsubmit" value="" />
</form>
</div><!-- مساحة محرك البحث -->
</div> <!-- خط سفلي مع روابط -->
</div>
<!-- الهيدر كامل -->
وهذا كود تعريفات css
- الكود:
/******هيدر ترايدنت********/
#header-tr{
background: #f1f1f1;
}
/*------الشريط العلوي للهيدر يضم القائمة العامودية ومنطقة الاعضاء-------*/
.line-up-with-texts{
background:#F6F6F6;
height:140px;
}
/*------الشريط السفلي للهيدر يضم القائمة الافقية-------*/
.line-dw-with-texts{
background:#a0326e;
height:30px;
color:#ffffff;
position:relative;
border-bottom:5px #e8e7e7 solid
}
/*------بداية الدعاء------*/
.topad{
top:145px;
background:#EDEDED;
position:absolute;
border-bottom:1px #A7A6A6 dashed;
border-top:1px #A7A6A6 dashed;
border-right:3px #e6a786 solid;
font:normal 11px Tahoma, Arial, sans-serif;
left:10px;
padding:5px;
border-radius:8px;
-moz-border-radius:8px;
-wibkit-border-radius:9px;
}
/*---------قائمة الروابط العامودية-------*/
.texts-up{
float:right;
border:1px #D2D2D2 solid;
margin-right:10px;
margin-top:10px;
width:120px;
}
.texts-up ul{
margin:0;
padding:0;
display:block;
}
.texts-up ul li{
list-style:none;
display:block;
text-align:right;
}
.texts-up ul li a{
display:block;
font:bold 11px Tahoma, Arial, sans-serif;
text-decoration:none;
padding:2px 2px 3px;
margin:2px;
border:1px #D2D2D2 solid;
color:#3076A5 ;
}
.texts-up ul li a:hover{
color:#B80E0E;
}
.hedmenu{
padding:3px;
text-align:center;
font:bold 11px Tahoma, Arial, sans-serif;
border:1px #eee solid;
background:#e8e7e7;
color:#000;
}
/*------ قائمة الروابط الافقية في الاعلى ------*/
.link1-h{
float:right;
height:10px;
margin:0px;
padding:0px;
width:63%;
}
.link1-h li{
float:right;
list-style: none;
position:relative;
}
.link1-h li a{
display:block;
font:bold 11px Tahoma, Arial, sans-serif;
color:#ffffff;
line-height:30px;
padding:1px 9px 1px 9px;
text-decoration:none;
height:28px;
border-left:1px #f6f5f5 solid;
border-right:1px #3076A5 solid;
}
.link1-h li a:hover{
color:#064875;
}
.hov1:hover a{
color:#064875;
}
.hov1:hover{
background:#e0e0e0;
height:30px;
}
.hov1-home{
background:#a0326e;
padding-top:0px;
}
/*------ قائمة الروابط الافقية في الاعلى ------*/
/*------قائمة الروابط الافقية------*/
.link-h{
float:right;
height:30px;
margin:0px;
padding:0px;
width:63%;
}
.link-h li{
float:right;
list-style: none;
position:relative;
}
.link-h li a{
display:block;
font:bold 11px Tahoma, Arial, sans-serif;
color:#ffffff;
line-height:30px;
padding:1px 9px 1px 9px;
text-decoration:none;
height:28px;
border-left:1px #f6f5f5 solid;
border-right:1px #3076A5 solid;
}
.link-h li a:hover{
color:#064875;
}
.hov:hover a{
color:#064875;
}
.hov:hover{
background:#e0e0e0;
height:30px;
}
.hov-home{
background:#a0326e;
padding-top:0px;
}
/*---------شعار الموقع-------*/
.logo{
float:right;
}
/*----------منطقة البحث--------*/
.search-forum{
float:left;
height:30px;
width:280px;
background:transparent url('images/search-background.gif') no-repeat;
position:relative;
}
.text-search{
position:absolute;
right:22px;
background:transparent;
border:0;
font:normal 11px Tahoma, Arial, sans-serif;
color:#989797;
height:14px;
top:2px;
width:216px;
padding:5px 2px 4px 0;
}
.searchsubmit{
width:36px;
height:26px;
position:absolute;left:5px;
top:2px;
background:transparent;
border:0;
left:3px;
}
/******هيدر ترايدنت********/
في حفظ الرحمان