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

صفحة 2 من اصل 2 الصفحة السابقة  1, 2

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

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

مُساهمة من طرف [ღ]هيآء محمدَ.. في الأربعاء سبتمبر 02, 2015 1:17 am


تذكير بمساهمة فاتح الموضوع :

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


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

إلى

            

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

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

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


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


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

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

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

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


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



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



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

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

الرمز:
GENERATED_NAV_BAR


https://i21.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://i21.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://i21.servimg.com/u/f21/18/15/71/47/ibda3013.gif

ونبحث عن

الرمز:
</head>


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

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

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


https://i21.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://i21.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://i21.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://i21.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://i21.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://i21.servimg.com/u/f21/18/15/71/47/ibda3113.gif

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


[ღ]هيآء محمدَ..
عضو جديد
عضو جديد

الجنس : انثى

العذراء

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

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

السٌّمعَة : 15

بلد العضو :

العمر : 25


http://www.haya-m.net

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


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

مُساهمة من طرف 1M ThE BesT في السبت سبتمبر 26, 2015 12:01 am


يثبت 

بوركتي


1M ThE BesT
مؤسس الابداع العربي

مؤسس الابداع العربي

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


http://jalil.assassino

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

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

مُساهمة من طرف CeSaR في الجمعة أكتوبر 23, 2015 11:53 pm


CeSaR
عضو التميز
عضو التميز

الجنس : ذكر

الدلو

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

نقاط النشاط : 27261

السٌّمعَة : 181

بلد العضو :

العمر : 16


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

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

مُساهمة من طرف QUARTZ في السبت ديسمبر 12, 2015 4:55 pm


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




التوقيع



QUARTZ
عضو جديد
عضو جديد

الجنس : ذكر

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

نقاط النشاط : 5

السٌّمعَة : 10

بلد العضو :


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

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

مُساهمة من طرف الجنوب العربي في الثلاثاء يناير 12, 2016 6:39 am


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

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

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

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

بتوفيق





الجنوب العربي
عضو فعال
عضو فعال

الجنس : ذكر

الجدي

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

نقاط النشاط : 1236

السٌّمعَة : 122

بلد العضو :

العمر : 21


http://www.s-arabia.com

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

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

مُساهمة من طرف لؤي03 في الأربعاء يناير 13, 2016 8:00 am


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

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


لؤي03
عضو جديد
عضو جديد

الجنس : ذكر

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

نقاط النشاط : 119

السٌّمعَة : 15

بلد العضو :


http://bank.ahlamontada.com/

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

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

مُساهمة من طرف فارس.التطوير في الأحد يناير 17, 2016 6:28 pm


شكرا لك


فارس.التطوير
عضو جديد
عضو جديد

الجنس : ذكر

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

نقاط النشاط : 15

السٌّمعَة : 11

بلد العضو :


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

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

مُساهمة من طرف زعيمة الفوتوشوب!!! في الخميس فبراير 04, 2016 1:22 am


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


زعيمة الفوتوشوب!!!
عضو نشيط
عضو نشيط

الجنس : انثى

الدلو

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

نقاط النشاط : 157

السٌّمعَة : 10

بلد العضو :

العمر : 16


http://kokoro.123.st/

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

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

مُساهمة من طرف Mr.LoLo في الجمعة فبراير 05, 2016 11:22 pm


جمييل 

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




التوقيع


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

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




Mr.LoLo
عضو دهبي
عضو دهبي

الجنس : ذكر

نقاط التفاعل : 3 نقاط

الجدي

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

نقاط النشاط : 6163

السٌّمعَة : 54

بلد العضو :

العمر : 99


http://bank.ahlamontada.com/

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

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

مُساهمة من طرف Mr.LoLo في السبت فبراير 06, 2016 12:07 pm


جمييل

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




التوقيع


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

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




Mr.LoLo
عضو دهبي
عضو دهبي

الجنس : ذكر

نقاط التفاعل : 3 نقاط

الجدي

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

نقاط النشاط : 6163

السٌّمعَة : 54

بلد العضو :

العمر : 99


http://bank.ahlamontada.com/

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

صفحة 2 من اصل 2 الصفحة السابقة  1, 2

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

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

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