اضافة بسيطة على هيدر ورشة ديزاد باتنة

[salima]

http://www.dzbatna.com/images/icons/iconrote.gif ط§ط¶ط§ظپط© ط¨ط³ظٹط·ط© ط¹ظ„ظ‰ ظ‡ظٹط¯ط± ظˆط±ط´ط© طھط±ط§ظٹط¯ظ†طھ (http://www.dzbatna.com/t2042617/)



السلام عليكم ورحمة الله وبركاته ..

كيف حال الجميع ان شاء الله بخير وعلى خير

اولا اتقدم بالشكر الجزيل لكل من ساهم في اخراج الهيدر header الجميل الاحترافي الموجود بالموضوع التالي

[نتيجه ورشه] هيدر احترافي css مقدم من منتديات ديزاد باتنة (http://www.dzbatna.com/t1993870/)

وقد قمت بتركيب installه على المنتدى forum وقمت ببعض التعديلات عليه فكانت النتيجة كما مبين في الصورة

http://i744.photobucket.com/albums/xx84/lovefount/17-02-201421-20-32.png

ولمشاهدة مثال حي على منتداي

منتدى ينبوع المحبة (http://sa.ae/68d6b/)

طبعا مكان اعلان جوجل GOOGLE يمكن تعويضه باعلاناتكم .. ويمكنكم التعديل كيف ما تحبون لان التعديل سهل جدا ..

وهذا كود code الذي يجب وضعه بالهيدر header .. وقم بتغير الى ما يناسبك



رمز PHP:

<code style="white-space:nowrap"> <code> <!-- الهيدر header كامل -->

<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>
<!-- الهيدر header كامل -->
</code> </code>


وهذا كود code تعريفات css


رمز PHP:

<code style="white-space:nowrap"> <code> /******هيدر ديزاد باتنة********/

#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;
}

/******هيدر ديزاد باتنة********/
</code> </code>


ارجو الا اكون قد قمت بعمل اي خطأ في الاكواد http://www.dzbatna.com/images/smilies/blushing.gif

في حفظ الرحمان









ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©