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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

إلى


تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]       
تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]    
تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

الرمز:
GENERATED_NAV_BAR

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

الرمز:
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

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

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

الرمز:
            <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>

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ونبحث عن

الرمز:
</head>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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


تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الكود:

الرمز:
  <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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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: #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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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: #4fbfb1 url("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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: #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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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: #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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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("https://i.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>


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

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


تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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