شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

عاجل تومبيلات النافبار المميز

avatar
عضو جديد
الجنس : انثى

العذراء

عدد المساهمات : 4

نقاط النشاط : 13

السٌّمعَة : 15

بلد العضو :

العمر : 26

معاينة صفحة البيانات الشخصي للعضوhttp://www.haya-m.net
تمت المشاركة في الأربعاء سبتمبر 02, 2015 1:17 am
  • تقييم المساهمة: 100% (1)
السلام عليكم ورحمة الله وبركاتة
اهلا بكل رواد منتدى الابدع
اول موضوع جديد لي وحصري فقط على منتدى الابداع
من تكويدي الشخصي واتمنى ينال رضاكم
الوصف : يقوم الكود بتغير شكل النافبار


https://i.servimg.com/u/f21/18/15/71/47/ibda3112.gif

إلى

            

النسخة : phpbb2
النوع: تومبيلات

شرح تركيب الكود

من لوحة الادارة


https://i.servimg.com/u/f21/18/15/71/47/ibda3010.gif


https://i.servimg.com/u/f21/18/15/71/47/ibda3110.gif

المحدد باللون الأحمر في الصورة ضروري

https://i.servimg.com/u/f21/18/15/71/47/ibda3111.gif

ايظا من مظهر المنتدى


https://i.servimg.com/u/f21/18/15/71/47/ibda3010.gif



https://i.servimg.com/u/f21/18/15/71/47/ibda3011.gif



https://i.servimg.com/u/f21/18/15/71/47/ibda3012.gif

في بداية الصفحة مربع البحث نكتب في المربع  

الكود:
GENERATED_NAV_BAR


https://i.servimg.com/u/f21/18/15/71/47/ibda3013.gif

سيظهر لنا كما في الصورة

او هذا الكود لمن لم تظهر لهم الصورة في الاسفل

الكود:
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

نحذفه

https://i.servimg.com/u/f21/18/15/71/47/ibda3014.gif

ونستبدلة بالكود التالي

الكود:
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP} valign="bottom"><div class='Navbar-Ibda3araby-BY-Haya'>{GENERATED_NAV_BAR}</div></td>
               </tr>
            </table>

نرجع لمربع البحث من جديد


https://i.servimg.com/u/f21/18/15/71/47/ibda3013.gif

ونبحث عن

الكود:
</head>


https://i.servimg.com/u/f21/18/15/71/47/ibda3015.gif

نضع فوق الوسم < / head > الكود الذي نريده من الاكواد التي سوف استعرضها لكم في الاسفل

الشكل الأصلي لتصميم النافبار


https://i.servimg.com/u/f21/18/15/71/47/ibda3010.png

الكود:

الكود:
  <script src="https://dl.dropboxusercontent.com/u/64727436/H/js/navbaribda3file.js" type="text/javascript"></script>
  <style>
.Navbar-Ibda3araby-BY-Haya{
position:fixed;
{MENU_POSITION}:0px;
top:50px;
    }
a.mainmenu div{
background: #00a1cb;
width:30px;
height:40px;
text-align:center;
font:0px Tahoma;
color:#FFF;
    }
a.mainmenu div:hover , #i_icon_mini_new_message {
width:150px;
height:40px;
text-align:center;
font:12px Tahoma;
line-height : 40px;
font-style:normal;
font-variant:normal;
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;    
    }


#i_icon_mini_index , #i_icon_mini_index:hover{
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_portal , #i_icon_mini_portal:hover {
background: #00a1cb url("http://i21.servimg.com/u/f21/18/15/71/47/haya2110.png") {MENU_POSITION} no-repeat ;  
}    

#i_icon_mini_calendar , #i_icon_mini_calendar:hover {
background: #00a1cb url("http://i21.servimg.com/u/f21/18/15/71/47/haya1110.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_gallery , #i_icon_mini_gallery:hover {
background: #00a1cb url("http://i21.servimg.com/u/f21/18/15/71/47/haya2210.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_faq , #i_icon_mini_faq:hover {
background: #00a1cb url("http://i21.servimg.com/u/f21/18/15/71/47/haya1210.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_search , #i_icon_mini_search:hover {
background: #00a1cb url("http://i21.servimg.com/u/f21/18/15/71/47/haya1310.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_members , #i_icon_mini_members:hover {
background: #00a1cb url("http://i21.servimg.com/u/f21/18/15/71/47/haya1410.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_groups , #i_icon_mini_groups:hover {
background: #00a1cb url("http://i21.servimg.com/u/f21/18/15/71/47/haya1510.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_profile , #i_icon_mini_profile:hover {
background: #00a1cb url("http://i21.servimg.com/u/f21/18/15/71/47/haya1610.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_message , #i_icon_mini_message:hover {
background: #00a1cb url("http://i21.servimg.com/u/f21/18/15/71/47/haya1710.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_new_message , #i_icon_mini_new_message:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1810.png") {MENU_POSITION} no-repeat ;
}

#i_icon_mini_register , #i_icon_mini_register:hover {
background: #00a1cb url("http://i21.servimg.com/u/f21/18/15/71/47/haya2010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_logout , #i_icon_mini_login , #i_icon_mini_login:hover ,  #i_icon_mini_logout:hover {
background: #00a1cb url("http://i21.servimg.com/u/f21/18/15/71/47/haya1910.png") {MENU_POSITION} no-repeat ;  
}


#i_icon_mini_new_message:hover , #i_icon_mini_index:hover , #i_icon_mini_calendar:hover , #i_icon_mini_members:hover
 , #i_icon_mini_groups:hover , #i_icon_mini_message:hover  , #i_icon_mini_login:hover  ,  #i_icon_mini_logout:hover
 , #i_icon_mini_register:hover ,  #i_icon_mini_faq:hover , #i_icon_mini_profile:hover  , #i_icon_mini_search:hover
  , #i_icon_mini_new_message , #i_icon_mini_portal:hover , #i_icon_mini_gallery:hover {
padding-{MENU_POSITION}:30px;}  
  </style>

وهذي ألوان لشكل النافبار ويمكنكم التغير فيها لو أردتم با الألوان التي تناسبكم

الشكل الثاني


https://i.servimg.com/u/f21/18/15/71/47/ibda3011.png

الكود:

الكود:
  <script src="https://dl.dropboxusercontent.com/u/64727436/H/js/navbaribda3file.js" type="text/javascript"></script>
  <style>
.Navbar-Ibda3araby-BY-Haya{
position:fixed;
{MENU_POSITION}:0px;
top:50px;
    }
a.mainmenu div{
background: #00aff0;
width:30px;
height:40px;
text-align:center;
font:0px Tahoma;
color:#FFF;
    }
a.mainmenu div:hover , #i_icon_mini_new_message {
width:150px;
height:40px;
text-align:center;
font:12px Tahoma;
line-height : 40px;
font-style:normal;
font-variant:normal;
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;    
    }


#i_icon_mini_index , #i_icon_mini_index:hover{
background: #81d339 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_portal , #i_icon_mini_portal:hover {
background: #00aff0 url("http://i21.servimg.com/u/f21/18/15/71/47/haya2110.png") {MENU_POSITION} no-repeat ;  
}    

#i_icon_mini_calendar , #i_icon_mini_calendar:hover {
background: #81d339 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1110.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_gallery , #i_icon_mini_gallery:hover {
background: #81d339 url("http://i21.servimg.com/u/f21/18/15/71/47/haya2210.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_faq , #i_icon_mini_faq:hover {
background: #81d339 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1210.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_search , #i_icon_mini_search:hover {
background: #00aff0 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1310.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_members , #i_icon_mini_members:hover {
background: #00aff0 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1410.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_groups , #i_icon_mini_groups:hover {
background: #00aff0 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1510.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_profile , #i_icon_mini_profile:hover {
background: #81d339 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1610.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_message , #i_icon_mini_message:hover {
background: #00aff0 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1710.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_new_message , #i_icon_mini_new_message:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1810.png") {MENU_POSITION} no-repeat ;
}

#i_icon_mini_register , #i_icon_mini_register:hover {
background: #00aff0 url("http://i21.servimg.com/u/f21/18/15/71/47/haya2010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_logout , #i_icon_mini_login , #i_icon_mini_login:hover ,  #i_icon_mini_logout:hover {
background: #81d339 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1910.png") {MENU_POSITION} no-repeat ;  
}


#i_icon_mini_new_message:hover , #i_icon_mini_index:hover , #i_icon_mini_calendar:hover , #i_icon_mini_members:hover
 , #i_icon_mini_groups:hover , #i_icon_mini_message:hover  , #i_icon_mini_login:hover  ,  #i_icon_mini_logout:hover
 , #i_icon_mini_register:hover ,  #i_icon_mini_faq:hover , #i_icon_mini_profile:hover  , #i_icon_mini_search:hover
  , #i_icon_mini_new_message , #i_icon_mini_portal:hover , #i_icon_mini_gallery:hover {
padding-{MENU_POSITION}:30px;}  
  </style>

الشكل الثالث


https://i.servimg.com/u/f21/18/15/71/47/ibda3012.png

الكود:

الكود:
  <script src="https://dl.dropboxusercontent.com/u/64727436/H/js/navbaribda3file.js" type="text/javascript"></script>
  <style>
.Navbar-Ibda3araby-BY-Haya{
position:fixed;
{MENU_POSITION}:0px;
top:50px;
    }
a.mainmenu div{
background: #f96570;
width:30px;
height:40px;
text-align:center;
font:0px Tahoma;
color:#FFF;
    }
a.mainmenu div:hover , #i_icon_mini_new_message {
width:150px;
height:40px;
text-align:center;
font:12px Tahoma;
line-height : 40px;
font-style:normal;
font-variant:normal;
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;    
    }


#i_icon_mini_index , #i_icon_mini_index:hover{
background: #4fbfb1 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_portal , #i_icon_mini_portal:hover {
background: #f96570 url("http://i21.servimg.com/u/f21/18/15/71/47/haya2110.png") {MENU_POSITION} no-repeat ;  
}    

#i_icon_mini_calendar , #i_icon_mini_calendar:hover {
background: #4fbfb1 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1110.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_gallery , #i_icon_mini_gallery:hover {
background: #4fbfb1 url("http://i21.servimg.com/u/f21/18/15/71/47/haya2210.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_faq , #i_icon_mini_faq:hover {
background: #4fbfb1 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1210.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_search , #i_icon_mini_search:hover {
background: #f96570 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1310.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_members , #i_icon_mini_members:hover {
background: #f96570 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1410.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_groups , #i_icon_mini_groups:hover {
background: #f96570 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1510.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_profile , #i_icon_mini_profile:hover {
background: #4fbfb1 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1610.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_message , #i_icon_mini_message:hover {
background: #f96570 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1710.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_new_message , #i_icon_mini_new_message:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1810.png") {MENU_POSITION} no-repeat ;
}

#i_icon_mini_register , #i_icon_mini_register:hover {
background: #f96570 url("http://i21.servimg.com/u/f21/18/15/71/47/haya2010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_logout , #i_icon_mini_login , #i_icon_mini_login:hover ,  #i_icon_mini_logout:hover {
background: #4fbfb1 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1910.png") {MENU_POSITION} no-repeat ;  
}


#i_icon_mini_new_message:hover , #i_icon_mini_index:hover , #i_icon_mini_calendar:hover , #i_icon_mini_members:hover
 , #i_icon_mini_groups:hover , #i_icon_mini_message:hover  , #i_icon_mini_login:hover  ,  #i_icon_mini_logout:hover
 , #i_icon_mini_register:hover ,  #i_icon_mini_faq:hover , #i_icon_mini_profile:hover  , #i_icon_mini_search:hover
  , #i_icon_mini_new_message , #i_icon_mini_portal:hover , #i_icon_mini_gallery:hover {
padding-{MENU_POSITION}:30px;}  
  </style>

الشكل الرابع


https://i.servimg.com/u/f21/18/15/71/47/ibda3112.png

الكود:

الكود:
  <script src="https://dl.dropboxusercontent.com/u/64727436/H/js/navbaribda3file.js" type="text/javascript"></script>
  <style>
.Navbar-Ibda3araby-BY-Haya{
position:fixed;
{MENU_POSITION}:0px;
top:50px;
    }
a.mainmenu div{
background: #5b6e7a;
width:30px;
height:40px;
text-align:center;
font:0px Tahoma;
color:#FFF;
    }
a.mainmenu div:hover , #i_icon_mini_new_message {
width:150px;
height:40px;
text-align:center;
font:12px Tahoma;
line-height : 40px;
font-style:normal;
font-variant:normal;
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;    
    }


#i_icon_mini_index , #i_icon_mini_index:hover{
background: #fcad3f url("http://i21.servimg.com/u/f21/18/15/71/47/haya1010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_portal , #i_icon_mini_portal:hover {
background: #5b6e7a url("http://i21.servimg.com/u/f21/18/15/71/47/haya2110.png") {MENU_POSITION} no-repeat ;  
}    

#i_icon_mini_calendar , #i_icon_mini_calendar:hover {
background: #fcad3f url("http://i21.servimg.com/u/f21/18/15/71/47/haya1110.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_gallery , #i_icon_mini_gallery:hover {
background: #fcad3f url("http://i21.servimg.com/u/f21/18/15/71/47/haya2210.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_faq , #i_icon_mini_faq:hover {
background: #fcad3f url("http://i21.servimg.com/u/f21/18/15/71/47/haya1210.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_search , #i_icon_mini_search:hover {
background: #5b6e7a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1310.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_members , #i_icon_mini_members:hover {
background: #5b6e7a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1410.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_groups , #i_icon_mini_groups:hover {
background: #5b6e7a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1510.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_profile , #i_icon_mini_profile:hover {
background: #fcad3f url("http://i21.servimg.com/u/f21/18/15/71/47/haya1610.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_message , #i_icon_mini_message:hover {
background: #5b6e7a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1710.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_new_message , #i_icon_mini_new_message:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1810.png") {MENU_POSITION} no-repeat ;
}

#i_icon_mini_register , #i_icon_mini_register:hover {
background: #5b6e7a url("http://i21.servimg.com/u/f21/18/15/71/47/haya2010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_logout , #i_icon_mini_login , #i_icon_mini_login:hover ,  #i_icon_mini_logout:hover {
background: #fcad3f url("http://i21.servimg.com/u/f21/18/15/71/47/haya1910.png") {MENU_POSITION} no-repeat ;  
}


#i_icon_mini_new_message:hover , #i_icon_mini_index:hover , #i_icon_mini_calendar:hover , #i_icon_mini_members:hover
 , #i_icon_mini_groups:hover , #i_icon_mini_message:hover  , #i_icon_mini_login:hover  ,  #i_icon_mini_logout:hover
 , #i_icon_mini_register:hover ,  #i_icon_mini_faq:hover , #i_icon_mini_profile:hover  , #i_icon_mini_search:hover
  , #i_icon_mini_new_message , #i_icon_mini_portal:hover , #i_icon_mini_gallery:hover {
padding-{MENU_POSITION}:30px;}  
  </style>

الشكل الخامس


https://i.servimg.com/u/f21/18/15/71/47/ibda3113.png

الكود:

الكود:
  <script src="https://dl.dropboxusercontent.com/u/64727436/H/js/navbaribda3file.js" type="text/javascript"></script>
  <style>
.Navbar-Ibda3araby-BY-Haya{
position:fixed;
{MENU_POSITION}:0px;
top:50px;
    }
a.mainmenu div{
background: #f32a2a;
width:30px;
height:40px;
text-align:center;
font:0px Tahoma;
color:#FFF;
    }
a.mainmenu div:hover , #i_icon_mini_new_message {
width:150px;
height:40px;
text-align:center;
font:12px Tahoma;
line-height : 40px;
font-style:normal;
font-variant:normal;
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;    
    }


#i_icon_mini_index , #i_icon_mini_index:hover{
background: #3c3c3c url("http://i21.servimg.com/u/f21/18/15/71/47/haya1010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_portal , #i_icon_mini_portal:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya2110.png") {MENU_POSITION} no-repeat ;  
}    

#i_icon_mini_calendar , #i_icon_mini_calendar:hover {
background: #3c3c3c url("http://i21.servimg.com/u/f21/18/15/71/47/haya1110.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_gallery , #i_icon_mini_gallery:hover {
background: #3c3c3c url("http://i21.servimg.com/u/f21/18/15/71/47/haya2210.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_faq , #i_icon_mini_faq:hover {
background: #3c3c3c url("http://i21.servimg.com/u/f21/18/15/71/47/haya1210.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_search , #i_icon_mini_search:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1310.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_members , #i_icon_mini_members:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1410.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_groups , #i_icon_mini_groups:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1510.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_profile , #i_icon_mini_profile:hover {
background: #3c3c3c url("http://i21.servimg.com/u/f21/18/15/71/47/haya1610.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_message , #i_icon_mini_message:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1710.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_new_message , #i_icon_mini_new_message:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1810.png") {MENU_POSITION} no-repeat ;
}

#i_icon_mini_register , #i_icon_mini_register:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya2010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_logout , #i_icon_mini_login , #i_icon_mini_login:hover ,  #i_icon_mini_logout:hover {
background: #3c3c3c url("http://i21.servimg.com/u/f21/18/15/71/47/haya1910.png") {MENU_POSITION} no-repeat ;  
}


#i_icon_mini_new_message:hover , #i_icon_mini_index:hover , #i_icon_mini_calendar:hover , #i_icon_mini_members:hover
 , #i_icon_mini_groups:hover , #i_icon_mini_message:hover  , #i_icon_mini_login:hover  ,  #i_icon_mini_logout:hover
 , #i_icon_mini_register:hover ,  #i_icon_mini_faq:hover , #i_icon_mini_profile:hover  , #i_icon_mini_search:hover
  , #i_icon_mini_new_message , #i_icon_mini_portal:hover , #i_icon_mini_gallery:hover {
padding-{MENU_POSITION}:30px;}  
  </style>

الشكل السادس



الكود:

الكود:
  <script src="https://dl.dropboxusercontent.com/u/64727436/H/js/navbaribda3file.js" type="text/javascript"></script>
  <style>
.Navbar-Ibda3araby-BY-Haya{
position:fixed;
{MENU_POSITION}:0px;
top:50px;
    }
a.mainmenu div{
background: #f96570;
width:30px;
height:40px;
text-align:center;
font:0px Tahoma;
color:#FFF;
    }
a.mainmenu div:hover , #i_icon_mini_new_message {
width:150px;
height:40px;
text-align:center;
font:12px Tahoma;
line-height : 40px;
font-style:normal;
font-variant:normal;
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;    
    }


#i_icon_mini_index , #i_icon_mini_index:hover{
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_portal , #i_icon_mini_portal:hover {
background: #fcad3f url("http://i21.servimg.com/u/f21/18/15/71/47/haya2110.png") {MENU_POSITION} no-repeat ;  
}    

#i_icon_mini_calendar , #i_icon_mini_calendar:hover {
background: #f96570 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1110.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_gallery , #i_icon_mini_gallery:hover {
background: #81d339 url("http://i21.servimg.com/u/f21/18/15/71/47/haya2210.png") {MENU_POSITION} no-repeat ;  
}
    
#i_icon_mini_faq , #i_icon_mini_faq:hover {
background: #00aff0 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1210.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_search , #i_icon_mini_search:hover {
background: #4fbfb1 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1310.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_members , #i_icon_mini_members:hover {
background: #5b6e7a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1410.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_groups , #i_icon_mini_groups:hover {
background: #3c3c3c url("http://i21.servimg.com/u/f21/18/15/71/47/haya1510.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_profile , #i_icon_mini_profile:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1610.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_message , #i_icon_mini_message:hover {
background: #fcad3f url("http://i21.servimg.com/u/f21/18/15/71/47/haya1710.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_new_message , #i_icon_mini_new_message:hover {
background: #f32a2a url("http://i21.servimg.com/u/f21/18/15/71/47/haya1810.png") {MENU_POSITION} no-repeat ;
}

#i_icon_mini_register , #i_icon_mini_register:hover {
background: #f96570 url("http://i21.servimg.com/u/f21/18/15/71/47/haya2010.png") {MENU_POSITION} no-repeat ;  
}

#i_icon_mini_logout , #i_icon_mini_login , #i_icon_mini_login:hover ,  #i_icon_mini_logout:hover {
background: #81d339 url("http://i21.servimg.com/u/f21/18/15/71/47/haya1910.png") {MENU_POSITION} no-repeat ;  
}


#i_icon_mini_new_message:hover , #i_icon_mini_index:hover , #i_icon_mini_calendar:hover , #i_icon_mini_members:hover
 , #i_icon_mini_groups:hover , #i_icon_mini_message:hover  , #i_icon_mini_login:hover  ,  #i_icon_mini_logout:hover
 , #i_icon_mini_register:hover ,  #i_icon_mini_faq:hover , #i_icon_mini_profile:hover  , #i_icon_mini_search:hover
  , #i_icon_mini_new_message , #i_icon_mini_portal:hover , #i_icon_mini_gallery:hover {
padding-{MENU_POSITION}:30px;}  
  </style>

بعد اختيارانا احد الاشكل التي في الاعلى ووضعها في القالب
نظغط سجل

ثم نأكد التعديلات


https://i.servimg.com/u/f21/18/15/71/47/ibda3113.gif

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

عاجل رد: تومبيلات النافبار المميز

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 02, 2015 2:02 am
موضوع مميز وخارق يعطيك الف عافية خيتو
ماقصرتي وشكرا على وضعك للموضوع
مميزة دوما بجميع ماتقدمية
دمتي بالف خير
تم تقيمك ياقمر

عاجل رد: تومبيلات النافبار المميز

avatar
عضو نشيط
الجنس : ذكر

السرطان

عدد المساهمات : 281

نقاط النشاط : 461

السٌّمعَة : 12

العمر : 26

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأربعاء سبتمبر 02, 2015 2:24 am
تسلمى ع أبداعك 
وتألقك ممتازة حقا
الله يعطيكي العافية ي غالية
التوقــيـــــــــــــــــــــع


عاجل رد: تومبيلات النافبار المميز

avatar
بصمة خالدة
الجنس : ذكر

الاسد

عدد المساهمات : 9913

نقاط النشاط : 11656

السٌّمعَة : 65

بلد العضو :

العمر : 20

معاينة صفحة البيانات الشخصي للعضوhttp://www.anjezweb.com/
تمت المشاركة في الأربعاء سبتمبر 02, 2015 6:43 pm
كود رااائع
ابدااااااع بمعنى الكلمه
سلمت يداكي
التوقــيـــــــــــــــــــــع

عاجل رد: تومبيلات النافبار المميز

avatar
بصمة خالدة
الجنس : ذكر

الدلو

عدد المساهمات : 37108

نقاط النشاط : 41656

السٌّمعَة : 282

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضوhttp://WwW.t-AlTwEr.CoM
تمت المشاركة في الأربعاء سبتمبر 02, 2015 8:10 pm
  • تقييم المساهمة: 100% (1)
جججججميل ججددآ , يسسسملووآ
التوقــيـــــــــــــــــــــع

عاجل رد: تومبيلات النافبار المميز

avatar
بصمة خالدة
الجنس : ذكر

السرطان

عدد المساهمات : 9947

نقاط النشاط : 10778

السٌّمعَة : 11

بلد العضو :

العمر : 13

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأربعاء سبتمبر 02, 2015 8:12 pm
بارك الله فيك نجح مئة بالمئة نتمنى لك التوفيق و بإنتظار جديدك وردة حمراء وردة حمراء وردة حمراء وردة حمراء
التوقــيـــــــــــــــــــــع

عاجل رد: تومبيلات النافبار المميز

avatar
بصمة خالدة
الجنس : ذكر

الاسد

عدد المساهمات : 23062

نقاط النشاط : 26540

السٌّمعَة : 90

بلد العضو :

العمر : 37

معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com/
تمت المشاركة في الخميس سبتمبر 03, 2015 6:50 am

سلمت الايادي علي الروعة جاري التجربة

التوقــيـــــــــــــــــــــع

عاجل رد: تومبيلات النافبار المميز

avatar
عضو دهبي
الجنس : ذكر

السرطان

عدد المساهمات : 5447

نقاط النشاط : 6759

السٌّمعَة : 821

بلد العضو :

العمر : 20



معاينة صفحة البيانات الشخصي للعضوhttp://Yalla4u.0wn0.Com
تمت المشاركة في الخميس سبتمبر 03, 2015 12:12 pm
موضوع اكثر من رائع جاري التجربة
التوقــيـــــــــــــــــــــع

عاجل رد: تومبيلات النافبار المميز

avatar
عضو محترف
الجنس : انثى

عدد المساهمات : 3934

نقاط النشاط : 5044

السٌّمعَة : 70

بلد العضو :

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة سبتمبر 11, 2015 5:50 pm


مشكورةةة ححبي كود مرةةة خخخيآلي ..
                  يعععطيكِ ألأف عععافيةةة يَ رب ..

عاجل رد: تومبيلات النافبار المميز

زائر
زائر
تمت المشاركة في السبت سبتمبر 26, 2015 12:01 am
يثبت 

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