طلب كود نافبار متطور

اذهب الى الأسفل

طلب كود نافبار متطور

مُساهمة من طرف @الافندي@ في السبت 1 أغسطس 2015 - 12:47

السلام عليكم ممكن كود 
نافبار متطور  :الى اللقاء:
avatar
@الافندي@
 
 

ذكر
عدد المساهمات : 179
معدل النشاط : 1276
السُمعة : 0

https://www.google.iq/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود نافبار متطور

مُساهمة من طرف Arabian Star في السبت 1 أغسطس 2015 - 13:03

مرحبا عزيزي تفضل تابع هذه المواضيع

http://help.ahlamontada.com/t1047417-topic#4701997
http://help.ahlamontada.com/t666268-topic
avatar
Arabian Star
 
 

ذكر
عدد المساهمات : 892
معدل النشاط : 3221
السُمعة : 14

http://www.mca14.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود نافبار متطور

مُساهمة من طرف Arabian Star في السبت 1 أغسطس 2015 - 13:06

وايضا : 
صورة للنافبار


4 - الكود عبارة عن html وجافا سكريبت .

1 - اذهب الى لوحة الادارة .
2 - عناصر اضافية .
3 - ادارة العناصر المستقلة .
4 - انشئ عنصر جديد و ضع الكود التالى و هو الكود الاول .
لا تنسى تسميته نافبار الاعضاء



الكود:
[code]<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>[/code]

1 - اذهب الى لوحة الادارة .
2 - عناصر اضافية .
3 - ادارة العناصر المستقلة .
4 - انشئ عنصر جديد و ضع الكود التالى و هو الكود الثانى .
لا تنسى تسميته نافبار الزوار




الكود:
<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="http://www.layalyeg.com/f81-montada/f81-montada" > » تطوير احلى منتدى  </a></li>
        <li><a title=" vb لتطوير منتديات ال" href="/f64-montada" class="signout" > »  vb تطوير منتديات  </a></li>
      </ul>
 
<li><a title="للاتصال بمدير المنتدى" href="/contact" class="documents" >أتصل بنا  </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>
  
<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>



كود الجافا اسكريبت


الكود:
$(document).ready(function() {
if($("a.mainmenu #i_icon_mini_new_message").length!=0){
$('div.forryamany').replaceWith('<a href="/privmsg?folder=inbox"><img
src="http://i49.servimg.com/u/f49/16/89/40/74/ooouo_11.png" 
border="0"  hspace="0" /></a>');
}});





انـــتــــهـــى





avatar
Arabian Star
 
 

ذكر
عدد المساهمات : 892
معدل النشاط : 3221
السُمعة : 14

http://www.mca14.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود نافبار متطور

مُساهمة من طرف @الافندي@ في السبت 1 أغسطس 2015 - 13:42

alien  جميع الاكواد لا تعمل
avatar
@الافندي@
 
 

ذكر
عدد المساهمات : 179
معدل النشاط : 1276
السُمعة : 0

https://www.google.iq/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود نافبار متطور

مُساهمة من طرف @الافندي@ في السبت 1 أغسطس 2015 - 13:46

تم الحل شكرا لقد عملت الاكواد الان 
كان الخطا مني  Cool
avatar
@الافندي@
 
 

ذكر
عدد المساهمات : 179
معدل النشاط : 1276
السُمعة : 0

https://www.google.iq/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود نافبار متطور

مُساهمة من طرف @الافندي@ في السبت 1 أغسطس 2015 - 13:46

pale  شكرا على المساعدة
avatar
@الافندي@
 
 

ذكر
عدد المساهمات : 179
معدل النشاط : 1276
السُمعة : 0

https://www.google.iq/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


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