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


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



 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  
>

 

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

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


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

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


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

حصريا من تحويلي كود هيدر لمنتديات احلى منتدى Azol-1
السلام عليكم ورحمة اللهه وبركاته
اقدم لكم اليوم كود جمي لهيدر من تحويلي ارجو ان ينال اعجابكم
صورة الهيدر
حصريا من تحويلي كود هيدر لمنتديات احلى منتدى Kingmazigh-2
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


الهيدر مكون من كود 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;

}











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

نائب المدير
فارس الاسلام


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

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


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

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


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

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


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

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


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

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


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

ازول فلاون
و شكرا لك عل كود
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://help-dz.ahlamontada.com
 
حصريا من تحويلي كود هيدر لمنتديات احلى منتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» توقيع من تصميمي منتدى الدعم و المساعدة لمنتديات احلى منتدى الجزائرية
» تفاصيل التصميم استايل المقدم من منتدى دعم الجزائري لمنتديات احلى منتدى الجز
» حصريا ستايل منتدى مطور نت الدي تم تحويله اخيرا الى احلى منتدى بالتومبيلات
» كود جافا سكريبت الرسائل لمنتديات احلى منتدى
» كود ثلوج جافا سكريبت لمنتديات احلى منتدى

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