تصميم بدايةتصميم بدايةتصميم بداية


اهلا وسهلا بك معنا في منتدى الدعم والمساعدة لدعم ومساعدة احلى منتدى الجزائرية



 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  
>
حصريا من تحويلي كود هيدر لمنتديات احلى منتدى 5 5 1
 | 
 

 حصريا من تحويلي كود هيدر لمنتديات احلى منتدى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
kingmazigh
المدير العام
المدير العام


الجنس: ذكر
عدد المساهمات: 351
نقاطي: 471

الدولة:
الولاية: باتنة
التقييم: 12
احترام قوانين المنتدى::
عضو في منتدى الدعم و المساعدة الجزائري لمنتديات احلى منتدى الجزائرية


مُساهمةموضوع: حصريا من تحويلي كود هيدر لمنتديات احلى منتدى   29/7/2012, 23:30


السلام عليكم ورحمة اللهه وبركاته
اقدم لكم اليوم كود جمي لهيدر من تحويلي ارجو ان ينال اعجابكم
صورة الهيدر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


الهيدر مكون من كود html وكود css


اولا كود html:
الرمز:

أخي الكريم {USERNAME}
<!-- الهيدر كامل  --><div id="header-tr">

<!-- بداية شريط منطقة الاعضاء والبحث  --><div class="login-search">


<!-- منطقة الاعضاء -->
<if condition="$show['member']">
<!---الأعضاء--><div class="login-cp"><div class="usernameee">
<strong><phrase
 1="$BBUSERINFO[USERNAME]"
2="member.php?$session[sessionurl]u=$BBUSERINFO[userid]"><br></phrase></strong>
</div>
<a href="usercp.php" target="_blank"><div class="controll"></div></a>
<a
 
href="login.php?$session[sessionurl]do=logout&amp;logouthash=$BBUSERINFO[logouthash]"
 onclick="return
log_out('$vbphrase[sure_you_want_to_log_out]')"><div
class="profilee"></div></a><div class="infoo">

        <if condition="$show['notifications']">
            <div><span id="notifications">&nbsp;<strong></strong></span></div>
            <if condition="$show['popups']">
 
            <script type="text/javascript">
vBmenu.register("http://imazighan.ahlamontada.net/privmsg?folder=inbox");
 </script>
            <else>
               
<script type="text/javascript"
src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
 
            <script type="text/javascript">
vBulletin.register_control("vB_Notifications_NoPopups",
"notifications");  </script>
            </else></if>
        <else><if condition="$show['pmstats']">
 
        <div><phrase
1="$vbphrase[unread_x_nav_compiled]"
2="$vbphrase[total_x_nav_compiled]"
3="$session[sessionurl_q]"><br></phrase></div>
        </if></else></if>

 
    <if
condition="$show['pmwarning']"><div><strong><phrase
 
1="$vbphrase[pmpercent_nav_compiled]"><br></phrase></strong></div></if>


</div>
</div>
<else>
<!-- منطقة البحث --><div class="from-search">

               
 <form method="get" class="searchform"
action="http://imazighan.ahlamontada.net/search?mode=searchbox&amp;search_keyword">

                                     
 <input size="24" value="ادخل كلمة البحث..." name="s"
onfocus="if(this.value=='ادخل كلمة البحث...'){this.value=''};"
onblur="if(this.value==''){this.value='ادخل كلمة البحث...'};"
class="text-search" type="text">
                                      <input title="ابدأ البحث" class="searchsubmit" value="" type="submit">
                                </form>

</div>
<!-- نهاية البحث -->


</else></if></div><div
 class="line-up-with-texts"> <!-- خط علوي مع روابط --><div
class="logo"><img src="images/logo-haeder.gif" alt="ايمازيغان"
border="0"></div> <!-- مساحة الشعار  -->

<!-- بداية روابط القائمة العامودية --><div class="texts-up"><div class="hedmenu">روابط تهمك</div>
<ul>
<li><a href="#" title="الرابط">الرابط</a></li>
<li><a href="#" title="الرابط">الرابط</a></li>
<li><a href="#" title="الرابط">الرابط</a></li>
</ul>
</div><!--
 الروابط --><div class="texts-up"><!-- الروابط --><div
 class="hedmenu">روابط تهمك</div>
<ul>
<li><a href="#" title="الرابط">الرابط</a></li>
<li><a href="#" title="الرابط">الرابط</a></li>
<li><a href="#" title="الرابط">الرابط</a></li>
</ul>
</div>
<!-- نهاية روابط القائمة العامودية -->


</div>
 <!-- خط علوي مع روابط -->
 <!-- بداية الخط السفلي للروابط الافقية --><div class="line-dw-with-texts">

<!-- الروابط -->
<ul class="link-h">
<li
 class="hov-home"><a href="http://imazighan.ahlamontada.net"
title="الرئيسية"><img
src="http://www.greeneco411.com/images/icons/homeIcon.gif" alt="home"
border="0" align="top"></a></li>
<li
class="hov"><a href="#" title="الرابط">مركز
الدروس&nbsp;<img
src="http://i1094.photobucket.com/albums/i454/kingmazigh/SpryMenuBarDown.gif"
 alt="link" border="0"></a>
      <ul>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
      </ul>


</li>
<li
 class="hov"><a href="#" title="الرابط">ايمازيغان 
&nbsp;<img src="images/SpryMenuBarDown.gif" alt="link"
border="0"></a>
          <ul>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
      </ul>
</li>
<li class="hov"><a href="#" title="الرابط">ايمازيغان</a></li>
<li
 class="hov"><a href="#" title="ايمازيغان">ايمازيغان 
&nbsp;<img
src="http://i1094.photobucket.com/albums/i454/kingmazigh/SpryMenuBarDown.gif"
 alt="link" border="0"></a>
      <ul>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
      </ul>

</li>
<li class="hov"><a href="#" title="الرابط">ايمازيغان</a></li>

<li
 class="hov"><a href="#" title="الرابط">css &nbsp;  <img
 
src="http://i1094.photobucket.com/albums/i454/kingmazigh/SpryMenuBarDown.gif"
 alt="link" border="0"></a>
<ul>
        <li><a href="#">css1</a></li>
        <li><a href="#">css2</a></li>
        <li><a href="#">css3</a></li>

</ul>
</li>

<li class="hov"><a href="#" title="الرابط">اتصل بنا</a></li>
        <if condition="$show['notifications']">

<li
 class="hov"><a href="#" title="التنبيهات الوارده">التنبيهات
الوارده &nbsp;  <img
src="http://i1094.photobucket.com/albums/i454/kingmazigh/SpryMenuBarDown.gif"
 alt="link" border="0"></a>


<ul>
        <li><a>أهلاً وسهلاً بكـ {USERNAME}</a></li>
        <li><a>يوجد في منطقة العضو تنبيهات جديده</a></li>

</ul>


    </li>



                        </if>
</ul>

</div>

</div>
<!-- الهيدر كامل  -->












ثانيا كود css:
الرمز:





#header-tr{
  background-color: #f1f1f1;
}
/*------الشريط العلوي للهيدر يضم القائمة العاموديةوالشعار-------*/

.line-up-with-texts{
    background:#F4F4F4 url('http://i1094.photobucket.com/albums/i454/kingmazigh/pghe2.gif') repeat-x right;
    height:130px;
}
/*------الشريط السفلي للهيدر يضم القائمة الافقية-------*/

.line-dw-with-texts{
    background:#0076A9 url('http://i1094.photobucket.com/albums/i454/kingmazigh/pgheader.gif') repeat-x right;
    height:35px;
    color:#ffffff;
    position:relative;
    border-bottom:2px #2A85B6 solid;



}
/*---------شعار الموقع-------*/

.logo{
    float:right;
}
/*---------بداية شريط العلوي للاعضاء والبحث-------*/

.login-search{
    height:35px;
background-color:#5B5A5A;
color:#fff;
border-bottom:1px #000 dotted;
}

/*---------بدايةالبحث-------*/

.from-search{
    float:left;
    position:relative;
    height:35px;
    width:319px;
    background:url('http://i1094.photobucket.com/albums/i454/kingmazigh/from-search.gif') no-repeat;
}
.text-search{
    position:absolute;
    left:78px;
    background: transparent;
    border:0px #989797 solid;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
    color:#656464;
    height:14px;
    top:6px;
    width:195px;
    padding:3px 2px 4px 0;


}
.searchsubmit{
    width:59px;
    height:24px;
    position:absolute;
    top:5px;
    background: transparent;
    border:0;
    left:12px;



}.searchsubmit:hover{

    background:url('http://i1094.photobucket.com/albums/i454/kingmazigh/search-enter-hover.gif') no-repeat;
    width:53px;
    height:24px;


}
/*---------منطقة الاعضاء-------*/

.login-cp{
    float:right;
    position:relative;
    height:35px;
    width:500px;
    background:url('http://i1094.photobucket.com/albums/i454/kingmazigh/login-cp.gif') no-repeat;

}
.usernameee{
    position:absolute;
    width:200px;
    right:30px;
    top:10px;
    color:#484747;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;

}
.usernameee a{
    color:#01719F;
}
.infoo{
    position:absolute;
    right:235px;
    top:10px;
    width:247px;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;

}
.infoo a{
    color:#FF0101;
}
/*---------قائمة الروابط العامودية-------*/

.texts-up{
    float:left;
    margin-left:10px;
    margin-top:15px;
    width:180px;

}
.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-family:Tahoma;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:2px 4px 3px;
    margin:2px;
    color:#3076A5 ;
    border-bottom:1px #D2D2D2  dotted;

}
.texts-up ul li a:hover{
    color:#F90510;
    text-decoration:underline;

}

.hedmenu{
  padding:3px;
  text-align:center;
  font-family:Tahoma;
  font-size:11px;
  font-weight:bold;
  background-color:#E8E7E7;
  color:#fff;
  height:22px;
      background: url('http://i1094.photobucket.com/albums/i454/kingmazigh/hedmenu.png') no-repeat ;

}
.hedmenu:hover{
      background: url('http://i1094.photobucket.com/albums/i454/kingmazigh/hedmenu-hover.png') no-repeat ;

}

/*------قائمة الروابط الافقية------*/


.link-h{
    float:right;
        height:30px;
    margin:0px;
    padding:0px;
width:100%;

}

.link-h li{
    float:right;
    list-style:  none;
    position:relative;

}
.link-h li a{
    display:block;
    font-family: Tahoma ;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    line-height:30px;
    padding:2px 15px 2px 15px;
    text-decoration:none;
    height:30px;
    border-left:1px #095C81 solid;
    border-right:1px #1B97C9 solid;

}
.link-h li a:hover{
    color:#fff;
}
.hov:hover a{
    color:#fff;

}
.hov:hover{
    background: url('http://i1094.photobucket.com/albums/i454/kingmazigh/pgheader-hover.gif') repeat-x right;
    height:35px;
   
}
.hov-home{
    background: url('http://i1094.photobucket.com/albums/i454/kingmazigh/pgheader-hover.gif') repeat-x right;
    padding-top:2px;
    margin-left:4px;
    margin-right:4px;

}

/*------بداية ظهور القوائم المنسدلة للقائمة الافقية------*/

.link-h li ul{
  position: absolute;
  right:-2px;
  display: none;
  top:35px;
  padding:0;
  width:230px;
  margin:0;

}
.link-h li:hover ul{
    display:block;
    border-left:1px solid #105C87;
    border-right:1px solid #105C87;
    border-bottom:1px  solid #105C87;
    background-color:#2F8ABA;


}
.link-h li li{
    text-align:right;

}
.link-h li li a{
    margin:1px 4px 1px 5px;
    width:190px;
    border-left:1px #105C87 solid;
    border-right:1px #105C87 solid;
    background-color:#2581B1;

}
.link-h li li a:hover{
    margin: 0;
    background: #479AC9;
    border-left:1px #267CAC solid;
    border-right:1px #267CAC solid;
    margin:1px 5px 1px 5px;

}











بالتوفيق






[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://imazighan.ahlamontada.net
فارس الاسلام
نائب المدير

نائب المدير


الجنس: ذكر
عدد المساهمات: 127
نقاطي: 177

الدولة:
التقييم: 2
احترام قوانين المنتدى::
عضو في منتدى الدعم و المساعدة الجزائري لمنتديات احلى منتدى الجزائرية


مُساهمةموضوع: رد: حصريا من تحويلي كود هيدر لمنتديات احلى منتدى   30/7/2012, 11:21

شكرا أخي الكريم جزاك الله خيرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://tlim.yoo7.com
coeurdelion
عضو مشارك
عضو مشارك


الجنس: ذكر
عدد المساهمات: 160
نقاطي: 219

الدولة:
الولاية: سطيف
التقييم: 6
احترام قوانين المنتدى::
عضو في منتدى الدعم و المساعدة الجزائري لمنتديات احلى منتدى الجزائرية


مُساهمةموضوع: رد: حصريا من تحويلي كود هيدر لمنتديات احلى منتدى   30/7/2012, 18:27

يعطيك العافية يا كينغ
و بارك الله فيك
تحية خاصة مني اليك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.raselouednet.akbarmontada.com
admin
المدير العام
المدير العام


الجنس: ذكر
عدد المساهمات: 362
نقاطي: 584

الدولة:
التقييم: 10
احترام قوانين المنتدى::
عضو في منتدى الدعم و المساعدة الجزائري لمنتديات احلى منتدى الجزائرية


مُساهمةموضوع: رد: حصريا من تحويلي كود هيدر لمنتديات احلى منتدى   31/7/2012, 10:47

ازول فلاون
و شكرا لك عل كود






اهلا و سهلا بكم في منتدى الدعم لمنتديات احلى منتدى الجزائرية
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://help-dz.ahlamontada.com
 

حصريا من تحويلي كود هيدر لمنتديات احلى منتدى

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 ::  عالم الاكواد :: . :: تقنيات و اكواد اخرى-