home الرئيسيةpeople_outline الأعضاء vpn_key دخول


chatالمواضيع الأخيرة
كلمات لهــا معنى access_timeالأحد يناير 20, 2019 10:42 pmpersonمحمد فهمي يوسف
طلب بتصميم غلافaccess_timeالأحد يناير 20, 2019 3:01 pmpersonAhmed Alshiqaqi
طلب كتابه علي شعارaccess_timeالأحد يناير 20, 2019 2:39 pmpersonمودي الشرقاوي
طلب بعمل غلاف فيس بوكaccess_timeالأحد يناير 20, 2019 9:37 ampersonAhmed Alshiqaqi
اريد تصميم غلاف لصفحة فيس access_timeالسبت يناير 19, 2019 11:05 pmpersonAhmed Alshiqaqi
تصميم بنر access_timeالسبت يناير 19, 2019 6:21 pmpersonرؤوف
1طلب بتغيير لون access_timeالجمعة يناير 18, 2019 3:18 pmpersonAhmed Alshiqaqi
طلب بتصميم شبيه باحترافيهaccess_timeالجمعة يناير 18, 2019 3:11 pmpersonAhmed Alshiqaqi
طلب تصميم شعارaccess_timeالجمعة يناير 18, 2019 11:26 ampersonAhmed Alshiqaqi
new_releasesأفضل 10 أعضاء في هذا الأسبوع

طريقة عرض الأقسام

لونك المفضل



تم الحل تومبيلات النافبار المميز

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


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

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

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

موضوع مميز وخارق يعطيك الف عافية خيتو
ماقصرتي وشكرا على وضعك للموضوع
مميزة دوما بجميع ماتقدمية
دمتي بالف خير
تم تقيمك ياقمر

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

تسلمى ع أبداعك 
وتألقك ممتازة حقا
الله يعطيكي العافية ي غالية


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

كود رااائع
ابدااااااع بمعنى الكلمه
سلمت يداكي


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

جججججميل ججددآ , يسسسملووآ


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

بارك الله فيك نجح مئة بالمئة نتمنى لك التوفيق و بإنتظار جديدك وردة حمراء وردة حمراء وردة حمراء وردة حمراء


 لمراسلة الادارة بأمور خاصة لايشاهدها غير الادارة فقط
 من هنا لطلب الالتحاق بفريق منتدانا الحبيب

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

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



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

موضوع اكثر من رائع جاري التجربة


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



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

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

يثبت 

بوركتي

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

تسلم يدك على الكود الاكثر من رائع

جزاكى الله كل خير


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

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

عاشت الايادي موضوع مميز وشرح مفهوم .


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

ابدااااااااااااااااااع تاااااااااالق تميييز احتراف تنفيد متميزز

وكلمااات اخرى بصراحه

اعجبنا النافبار ع كتر ماهو متميييزز ع كتر ماهو بسيط لديه مداق 

حفظك الله اختي ع الجهود ولاننحرم من جديدك واعتبرينا من متابعين جديدك في مجال التكويد

بتوفيق




 

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

ناف بار متميز وجددداً رائع, في قمة الإبداع

واصل سلمت أناملك ولا توقف

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

شكرا لك

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

خراااااااااااافي و لكن سؤال انا لا اريد اليومية من ضمنها
هل بامكاني حذفها من الكود ؟

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

جمييل 

وآصل إبدآعآتك ولآ توقف


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين



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

جمييل

شكراً على إبداعاتك


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين



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

أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ

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

كود جد رائع


كن جميلا ترى الحياة اجمل

العبد لا يقاس باقواله وانما بافعاله الصالحة
ارسال رد

هــــــام

ندعوك للتسجيل في المنتدى لتتمكن من ترك رد أو تسجيل الدخول اذا كنت من اسرة المنتدى

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