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

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

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

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

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

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

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

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

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

شاطر | 
 

 نافبار الزوار

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

avatar

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

التوقيت
الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: نافبار الزوار   الإثنين 27 أبريل - 17:45

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

وهذا الكود


الكود:
<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="http://i19.servimg.com/u/f19/18/42/00/55/211.png" /></a>                     
      </li>
                                                 
      <ul>
                                                                  
      </ul>
                                                               
      <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="messages"> »سم المنتدى</a>                     
            </li>
                                                         
            <li>
                                     <a title="عليق اضافي" href="رابط المنتدى" class="signout"> » شات المنتدى</a>                     
            </li>
                                         
            <li>
                                     <a title="عليق اضافي" href="رابط  المنتدى" class="documents"> »اسم المنتدى </a>                     
            </li>
                                                         
            <li>
                                     <a title="عليق اضافي" href="رابط المنتدى" class="messages"> » سم المنتدى</a>                     
            </li>
                                                         
            <li>
                                     <a title="عليق اضافي" href="رابط المنتدى" class="messages"> »سم المنتدى</a>                     
            </li>
                                                         
            <li>
                                     <a title="عليق اضافي" href="رابط المنتدى" class="signout"> » سم المنتدى</a>                     
            </li>
                                         
            <li>
                                     <a title="تعليق اضافي" href="رابط المنتدى" class="documents"> »سم المنتدى </a>                     
            </li>
                                                         
            <li>
                                     <a title="عليق اضافي" href="رابط المنتدى" class="messages"> » سم المنتدى</a>                     
            </li>
                                                         
            <li>
                                     <a title="عليق اضافي" href="رابط المنتدى" class="messages"> »سم المنتدى</a>                     
            </li>
                                                         
            <li>
                                     <a title="عليق اضافي" href="رابط المنتدى" class="signout"> » شات المنتدى</a>                     
            </li>
                                         
            <li>
                                     <a title="عليق اضافي" href="رابط  المنتدى" class="documents"> »اسم المنتدى </a>                     
            </li>
                                                         
            <li>
                                     <a title="عليق اضافي" href="رابط المنتدى" class="messages"> » سم المنتدى</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://i33.servimg.com/u/f33/16/83/50/82/112.png" /></a>                       
      </li>
                                                 
      <li>
                               <a title="مجلة المنتدى" href="رابط المجلة"><img src="http://i42.servimg.com/u/f42/17/42/09/54/privms12.png" /></a>                       
      </li>
                                                 
      <li>
                               <a title="التسجيل في المنتدى" href="/register"><img src="http://i76.servimg.com/u/f76/12/22/94/86/21310.png" /></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%;border-radius: 15px 15px 15px 15px;border:solid 5px #27739d; background: #CCCCFF;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
background: -webkit-linear-gradient(top, background:#CCCCFF; 0%,#202020 100%);
background: -moz-linear-gradient(top, background:#FAF8CC; 0%,#202020 100%);
background: -o-linear-gradient(top, background:#FAF8CC; 0%,#202020 100%);
background: -ms-linear-gradient(top, background:#FAF8CC; 0%,#202020 100%);
background: linear-gradient(top, background:#FAF8CC; 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;border-radius: 15px 15px 15px 15px;border:solid 5px #27739d; background:#CC3333;
-webkit-border-radius: 10 10 10px 10px;
-moz-border-radius: 5 5 5px 5px;
border-radius: 5 5 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" /><span title="تذكر بياناتي في المرة القادمة" style="color: rgb(79, 79, 79); font-size: 10px;">تذكرني</span><a title="استعادة كلمه السر من هنا" href="/profile?mode=sendpassword"><span style="color: rgb(61, 172, 11); font-size: 10px;">| نسيت كلمة السر؟ |</span></a><a title="سجل كعضو جديد" href="/register"><span style="color:#CCFF33; font-size: 13px;"><strong>جديد</strong></span></a>                       
      </form>
                                                 
   </div>
</div>


hip


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

نافبار الزوار

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

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