منتدى الهزازي

برامج وتطبيقات واكواد هتمل و css منتديات ومواقع
 
الرئيسيةالرئيسية  بلوجر  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

ملاحظه =الرجاء اذا وجدت كود او رابط لايعمل التبليغ من هناء

التبادل الاعلاني
عناصرLanguage

شاهد منزلك من الفضاء الخارجي

مفاتيح دول العالم لللاتصال

مستعرض اكواد هتمل ومحول هتمل الى جافا
فتشوب اون لاين عربي
لعبة الحب مثيرة
راسلنا

معرب الكتابه على البرامج

المواضيع الأخيرة
سحابة الكلمات الدلالية

شاطر | 
 

 نافبار اعلى منتداك ثابت

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

avatar

البيانات
رقم العضوية :
1
رابط الصورة الشخصية :
بدون
الساعه :
بدون
الدوله :
السعودية
ذكر
السمك
عدد المساهمات :
2571
السٌّمعَة :
0
تاريخ التسجيل :
30/03/2012
العمر :
18
الموقع
sites-dalil.blogspot.com
العمل/الترفيه العمل/الترفيه :
بدون

التوقيت
الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: نافبار اعلى منتداك ثابت   الأحد 24 أغسطس - 20:28

مرحبا
اليكم كود نافبار مميز في اعلى المنتدى
يوضع عناصر مستقلة وتكون الصلاحية
للاعضاء فقط وتكون العناصر اعلى منتداك

غير الصورة الي على اليمين ف الكود بصورة

من اختيارك
وكذلك الكود له مواضع تقدر تعلد عليها مثل

ماتريد اذا لديك معرفة ب الاكواد
واهم شي ضع روابط الملحقة ضع وصف
يعني ضع اسم الموضوع ورابطه
وهذه صورة من الشرح




وهذا الكود


الكود:
<div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 25px;" align="left">


<!-- نافبار مستر كود + فور يمنى بداية -->
<ul class="menu">
 
<li><a
 href="/" alt="منتديات اسم منتداك" title="الصفحة الرئيسية"><img
 src="http://i70.servimg.com/u/f70/16/66/19/67/homelo11.png" /></a></li>
    
<li><a title="جديد مواضيع المنتدى" href="/feed/">جديد المنتدى</a></li>

    
<li><a title="الاعضاء" href="#">خدماتنا  ▼ </a>
  
<ul>
    
<li><a
 title="اطلب منتدى في بي مجانا" href="/f39-montada"
class="documents"> »  vb طلبات منتديات  </a></li>
    
<li><a
 title="تطوير منتديات احلى منتدى" href="/f51-montada"
class="messages"> » تطوير احلى منتدى  </a></li>
    
<li><a title=" vb لتطوير منتديات ال" href="/f64-montada" class="signout"> »  vb تطوير منتديات  </a></li>
      </ul>
 


  
</li>
<li><a title="الاعضاء" href="#">روابط مهمة  ▼ </a>
  
<ul>
    
<li><a
 title="عنوان الموضوع" href="رابط الموضوع" class="documents"> » وصف    </a></li>
    
<li><a
title="عنوان الموضوع" href="الرابط هنا" class="messages"> » وصف  </a></li>
    
<li><a title="عنوان الموضوع" href="الرابط هنا" class="signout"> » وصف  </a></li>
      </ul>

 
</li>
<li><a title="للاتصال بمدير المنتدى" href="/contact" class="documents">أتصل بنا  </a></li>

<li><a
 title="خيارات سريعة" href="#"><img
src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png"
/></a>
  
<ul>
    
<li><a
title="جميع مشاركاتي" href="/search.forum?search_id=egosearch"
class="messages"> » جميع مشاركاتي  </a></li>
    
<li><a
 title="مواضيع لم يرد عليها" href="/search.forum?search_id=unanswered"
class="signout"> » مواضيع لم يرد عليها  </a></li>
              
<li><a
 title="هنا يتم عرض المواضيع التي اضيفت بعد آخر زيارة لك"
href="/search?search_id=newposts" class="signout"> » الجديد منذ آخر
زيارة  </a></li>
      </ul>
  </li>


<li>
<!-- www.4egy.net --><div class="forryamany"><a href="/privmsg?folder=inbox"><img src="http://i49.servimg.com/u/f49/16/89/40/74/ooouo_10.png" border="0"  hspace="0"  /></a></div>
<!-- code by ahmed & mohamed abd elfatah -->

</li>
<li><a
 title="البيانات الشخصية" href="/profile?mode=editprofile"><img
src="http://i33.servimg.com/u/f33/16/83/50/82/215.png" /></a>

    
</li>
<li>
<a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;" rel="nofollow"><img id="i_icon_mini_search" src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" border="0" hspace="0" alt="بحـث" title="بحـث"></a>
</li></ul>

<style type="Text/css">
/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {margin: 0; padding: 0;  border: none; outline: none;}
 
/* Menu */
.menu {height: 42px; width: 100%; background: #2e2e2e;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);
  background: -moz-linear-gradient(top, #494949 0%,#202020 100%);
  background: -o-linear-gradient(top, #494949 0%,#202020 100%);
  background: -ms-linear-gradient(top, #494949 0%,#202020 100%);
  background: linear-gradient(top, #494949 0%,#202020 100%); }
.menu li {position: relative;  list-style: none; float: right;  display: block;  height: 40px;}
 
/* Links */
.menu li a {  display: block;  padding: 0 8px;  margin: 6px 0;  line-height: 30px;
  text-decoration: none;  border-left: 1px solid #393942;  border-right: 1px solid #161616;
  font-family: Tahoma;  font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
.menu li:hover > a { color: #8fde62; }
 
/* Sub Menu */
.menu ul { position: absolute;  top: 40px; left: 0; opacity: 0;  background: #1f2024;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s; }
.menu li:hover > ul { opacity: 1;}
.menu ul li { height: 0; overflow: hidden; padding: 0;
  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s; }
.menu li:hover > ul li { height: 34px;  overflow: visible; padding: 0;}
.menu ul li a {width: 130px;  padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}
.menu ul li:last-child a { border: none; }
</style>
<!--
نافبار مستر كود + فور يمنى نهاية--><div style="left: 46px; overflow: visible;
width: 300px; position: absolute; top: 12px; height: 30px;"
align="center"><div style="text-align: left;"><font
color="#C0C0C0" size="2">مرحباً بك يا
<b>{USERNAME}</b></font><a
href="/login?logout"><font size="2">  [ خروج ]
</font></a></div>
<style type="Text/css"></style>
</div><div
 style="left: 20px; overflow: visible; width: 15px; position: absolute;
top: 7px; height: 30px;" align="center">
<script>
        jQuery(document).ready(function(){
          jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
              link = jQuery('#register .forumline td.row1 img', data).attr('src');
              if(link){
                jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
              }else{
                jQuery('#avatar').html('');
              }
          });
        });
        </script><div id="avatar"></div>
<style type="Text/css">
#avatar img{
max-height: 27px;
max-width:  27px;
border:  1px solid #4F4F4F;
border-radius: 4px;    }
</style>
</div>

</div>

يتبع كود اخر نفس الكود لاكن تم ادراج له كود بورقة css
ولون النافبار متغير


كود نافبار تشكيلات عامه
صورة من الكود




الكود:
<div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 25px;" align="left">
                                                  
 <!--                      نافبار مستر كود + فور يمنى بداية                      -->                        
 <ul class="menu">
                                                        
 <li>
                               <a href="/" alt="منتديات دريم سات" title="الصفحة الرئيسية"><img src="http://i70.servimg.com/u/f70/16/66/19/67/homelo11.png" /></a>                          
 </li>
                                                        
 <li>
                               <a title="جديد مواضيع المنتدى" href="/feed/">جديد المنتدى</a>                          
 </li>
                                                        
 <li>
                               <a title="الاعضاء" href="#">خدماتنا ? </a>                              
 <ul>
                                
 <li>
                                     <a title="رفع المرفقات" href="http://www.gulfup.com/" class="documents"> »  رفع المرفقات </a>                                
 </li>
                                
 <li>
                                     <a title="رفع الصور" href="http://ahmed2010.dahek.net/h1-page" class="documents"> »  رفع الصور </a>                                
 </li>
                                  
 <li>
                                     <a title="صفحتنا على الفيس" href="https://www.facebook.com/285534528137697" class="documents"> »  صفحتنا على الفيس </a>                                
 </li>
                                                                    
 <li>
                                     <a title="مدونة المنتدى" href="http://dremsat.blogspot.com/" class="messages"> » مدونة المنتدى </a>                                
 </li>
                                                                    
 <li>
                                     <a title=" vb البث المباشر" href="http://ahmed2010.dahek.net/portal" class="signout"> »  البث المباشر </a>                                
 </li>
                                                                  
 </ul>
                                                            
 </li>
                                              
 <li>
                               <a title="الاعضاء" href="#">روابط مهمة ? </a>                              
 <ul>
                                                                    
 <li>
                                     <a title="سيرف المنتدى" href="http://ahmed2010.dahek.net/f79-montada" class="documents"> » سيرف المندى </a>                                
 </li>
                                                                    
 <li>
                                     <a title="باقات السيرف" href="http://ahmed2010.dahek.net/t1043-topic" class="messages"> » باقات السيرف </a>                                
 </li>
                                                                    
 <li>
                                     <a title="كيفية الاشتراك" href="http://ahmed2010.dahek.net/t3175-topic" class="signout"> » كيفة الاشتراك </a>                                
 </li>
                                                                  
 </ul>
                                                            
 </li>
                                              
 <li>
                               <a title="للاتصال بمدير المنتدى" href="/contact" class="documents">أتصل بنا </a>                          
 </li>
                                                        
 <li>
                               <a title="خيارات سريعة" href="#"><img src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png" /></a>                              
 <ul>
                                                                    
 <li>
                                     <a title="جميع مشاركاتي" href="/search.forum?search_id=egosearch" class="messages"> » جميع مشاركاتي </a>                                
 </li>
                                                                    
 <li>
                                     <a title="مواضيع لم يرد عليها" href="/search.forum?search_id=unanswered" class="signout"> » مواضيع لم يرد عليها </a>                                
 </li>
                                                                    
 <li>
                                     <a title="هنا يتم عرض المواضيع التي اضيفت بعد آخر زيارة لك" href="/search?search_id=newposts" class="signout"> » الجديد منذ آخرزيارة </a>                                
 </li>
                                                                  
 </ul>
                                                            
 </li>
                                                        
 <li>
                                                
 <!--                      www.4egy.net                      -->                              
 <div class="forryamany">
                                 <a href="/privmsg?folder=inbox"><img style="margin-left: 0px; margin-right: 0px;" src="http://i49.servimg.com/u/f49/16/89/40/74/ooouo_10.png" border="0" /></a>                              
 </div>
                                                
 <!--                      code by ahmed & mohamed abd elfatah                      -->                          
 </li>
                                              
 <li>
                               <a title="البيانات الشخصية" href="/profile?mode=editprofile"><img src="http://i33.servimg.com/u/f33/16/83/50/82/215.png" /></a>                          
 </li>
                                              
 <li>
                 <a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;" rel="nofollow"><img style="margin-left: 0px; margin-right: 0px;" id="i_icon_mini_search" src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" alt="بحـث" title="بحـث" border="0" /></a>                          
 </li>
                                          
 </ul>
                         <style type="Text/css">
    /* Reset */
    .menu,
    .menu ul,
    .menu li,
    .menu a {margin: 0; padding: 0;  border: none; outline: none;}
  
    /* Menu */
    .menu {height: 42px; width: 100%; background: #FFCCFF;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
      background: -webkit-linear-gradient(top, #FFCCFF 0%,#FFCCFF 100%);
      background: -moz-linear-gradient(top, #FFCCFF 0%,#FFCCFF 100%);
      background: -o-linear-gradient(top, #FFCCFF 0%,#FFCCFF 100%);
      background: -ms-linear-gradient(top, #FFCCFF 0%,#FFCCFF 100%);
      background: linear-gradient(top, #FFCCFF 0%,#FFCCFF 100%); }
    .menu li {position: relative;  list-style: none; float: right;  display: block;  height: 40px;}
  
    /* Links */
    .menu li a {  display: block;  padding: 0 8px;  margin: 6px 0;  line-height: 30px;
      text-decoration: none;  border-left: 1px solid #FF00FF;  border-right: 1px solid #161616;
      font-family: Tahoma;  font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
    .menu li:hover > a { color: #00FF00; }
  
    /* Sub Menu */
    .menu ul { position: absolute;  top: 40px; left: 0; opacity: 0;  background: #00CCFF;
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px;
      -webkit-transition: opacity .25s ease .1s;
      -moz-transition: opacity .25s ease .1s;
      -o-transition: opacity .25s ease .1s;
      -ms-transition: opacity .25s ease .1s;
      transition: opacity .25s ease .1s; }
    .menu li:hover > ul { opacity: 1;}
    .menu ul li { height: 0; overflow: hidden; padding: 0;
      -webkit-transition: height .25s ease .1s;
      -moz-transition: height .25s ease .1s;
      -o-transition: height .25s ease .1s;
      -ms-transition: height .25s ease .1s;
      transition: height .25s ease .1s; }
    .menu li:hover > ul li { height: 34px;  overflow: visible; padding: 0;}
    .menu ul li a {width: 130px;  padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #00CCFF;}
    .menu ul li:last-child a { border: none; }
    </style>                        
 <!--                  
    نافبار مستر كود + فور يمنى نهاية                    -->                        
 <div style="left: 46px; overflow: visible;
    width: 300px; position: absolute; top: 12px; height: 30px;" align="center">
                                              
 <div style="text-align: left;">
                               <span style="color: rgb(192, 192, 192); font-size: 13px;">مرحباً بك يا<strong>{USERNAME}</strong></span><a href="/login?logout"><span style="font-size: 13px;"> [ خروج ]</span></a>                          
 </div><style type="Text/css"></style>                        
 </div>
                                          
 <div style="left: 20px; overflow: visible; width: 15px; position: absolute;
    top: 7px; height: 30px;" align="center">
                 <script>
            jQuery(document).ready(function(){
              jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
                  link = jQuery('#register .forumline td.row1 img', data).attr('src');
                  if(link){
                    jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
                  }else{
                    jQuery('#avatar').html('');
                  }
              });
            });
            </script>                          
 <div id="avatar">
                                              
 </div><style type="Text/css">
    #avatar img{
    max-height: 27px;
    max-width:  27px;
    border:  1px solid #4F4F4F;
    border-radius: 4px;    }
    </style>                        
 </div>
                                                
</div>


الكود هذا يوضع في عناصر مستقلة
توضع الصلاحية لزوار فقط
وهذا الكود بعد تغير ماب الكود من وضع صور
واسم منتداك والروابط المهمة


الكود:

    [hide]<div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 29px;" align="left">


    <!-- اسمك على الكود -->
    <ul class="menu" >

    <li><a href="/" alt="اسم منتداك هناء " title="الصفحة
    الرئيسية"><img
    src="صورة رمز لمنتداك"
    /></a></li>
    <li><a title="جديد مواضيع المنتدى" href="/feed/" >جديد المنتدى</a></li>

    <li><a title="الاعضاء" href="#">خدماتنا ▼ </a>
    <ul>

    <li><a title="خدمة الخاطبة مجانا"
    href="/h34-page" class="documents" > »احصل على شريكك
    </a></li>
    <li><a title="مجلة المنتدى"
    href="/h2-page" > »مجلة المنتدى
    </a></li>
    <li><a
    title=" اعلانات المنتدى" href="/f10-montada" class="signout" >
    » اعلن معنا </a></li>
    </ul>

    </li>
    <li><a title="الاعضاء" href="#">روابط مهمة ▼ </a>

    <ul>

    <li><a
    title="قوانين قيادات الهكر" href="/t162-topic" class="documents"> »قوانين المنتدى </a></li>

    <li><a
    title="رأى محرك البحث جوجل فى منتدانا" href="/t157-topic" class="messages"> » رأى جوجل فينا</a></li>

    <li><a
    title="مسابقات المنتدى" href="/f34-montada" class="messages"> »مسابقات المنتدى</a></li>

    <li><a
    title="دردشة المنتدى" href="http://yahoo.talk4her.com/h25-page" class="signout"> » شات المنتدى</a></li>
    </ul>

    <li><a title="للاتصال بمدير المنتدى" href="/contact" class="documents" >أتصل بنا </a></li>


    <li><a title="محرك بحث المنتدى"
    href="/h36-page"><img
    src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" /></a>

    <li><a title="مجلة المنتدى"
    href="/h2-page"><img
    src="http://i42.servimg.com/u/f42/17/42/09/54/privms12.png" /></a>

    <li><a
    title="التسجيل في المنتدى" href="/register"><img
    src="http://i76.servimg.com/u/f76/12/22/94/86/21310.png" /></a>



    </ul>

    <style Type="Text/css">
    /* Reset */
    .menu,
    .menu ul,
    .menu li,
    .menu a {margin: 0; padding: 0; border: none; outline: none;}

    /* Menu */
    .menu {height: 42px; width: 100%; background: #2e2e2e;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);
    background: -moz-linear-gradient(top, #494949 0%,#202020 100%);
    background: -o-linear-gradient(top, #494949 0%,#202020 100%);
    background: -ms-linear-gradient(top, #494949 0%,#202020 100%);
    background: linear-gradient(top, #494949 0%,#202020 100%); }
    .menu li {position: relative; list-style: none; float: right; display: block; height: 40px;}

    /* Links */
    .menu li a { display: block; padding: 0 8px; margin: 6px 0; line-height: 30px;
    text-decoration: none; border-left: 1px solid #393942; border-right: 1px solid #161616;
    font-family: Tahoma; font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
    .menu li:hover > a { color: #8fde62; }

    /* Sub Menu */
    .menu ul { position: absolute; top: 40px; left: 0; opacity: 0; background: #1f2024;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s; }
    .menu li:hover > ul { opacity: 1;}
    .menu ul li { height: 0; overflow: hidden; padding: 0;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s; }
    .menu li:hover > ul li { height: 34px; overflow: visible; padding: 0;}
    .menu ul li a {width: 130px; padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}
    .menu ul li:last-child a { border: none; }
    </style>
    <!--
    نافبار قيادات الهكر نهاية--><div style="left: 3px; overflow: visible;
    width: 450px; position: absolute; top: 10px; height: 30px;"
    align="center">

    <form action="/login" method="post" dir="rtl">
    <input
    name="username" value="اسم العضو" onclick="if (this.value == 'اسم
    العضو') this.value = '';" onblur="if (this.value == '') this.value =
    'اسم العضو';" size="9" maxlength="40" type="text">
    <input
    name="password" value="كلمه سر" onclick="if (this.value == 'كلمه سر')
    this.value = '';" onblur="if (this.value == '') this.value = 'كلمه سر';"
    size="9" maxlength="32" type="password">
    <input class="mainoption" name="login" value="دخول" size="9" type="submit">

    <input name="autologin" checked="true" type="checkbox">
    <font title="تذكر بياناتي في المرة القادمة" color="#4F4F4F" size="1" >تذكرني</font>
    <a
    title="استعادة كلمه السر من هنا"
    href="/profile?mode=sendpassword"><font color="#3DAC0B"
    size="1">| نسيت كلمة السر؟ |</font></a>
    <a
    title="سجل كعضو جديد" href="/register"><font color="#3DAC0B"
    size="2"><b>جديد</b></font></a>


    </form>
    </div>




كود ورقةcss




الكود:
.menu li a {
border: 2px solid #FF33FF !important;
border-radius:20px;
padding: 40px;


}



 hip


الموضوع الأصلي : نافبار اعلى منتداك ثابت المصدر : منتديات الهزازي كاتب الموضوع : stones
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

نافبار اعلى منتداك ثابت

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

خدمات الموضوع
 KonuEtiketleri كلمات دليليه
نافبار اعلى منتداك ثابت , نافبار اعلى منتداك ثابت , نافبار اعلى منتداك ثابت ,نافبار اعلى منتداك ثابت ,نافبار اعلى منتداك ثابت , نافبار اعلى منتداك ثابت
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ نافبار اعلى منتداك ثابت ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الهزازي :: منتدى شروحات والبرامج :: اكواد هتمل مع الشرح-