أشخاص في صن سيت
مشاهدة المزيد
مواضيع مماثلة
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Empty كود جعل ازرار المنتدي بنفبار عصرى وحصرى

نغم الحياة
نغم الحياة
النجمة الذهبيه
النجمة الذهبيه
اسم الدولة : : مصر
العمر : 23
عدد المساهمات : 295
المعجبون بمواضيعى : 11
تمت المشاركة في الجمعة 13 نوفمبر 2015 - 0:01
بسم الله الرحمن الرحيم
اعضاء الصن سيت الحلوين
بعد غيابى رجعت لكم بكود فريد

كود يقوم الكود بتغير شكل النافبار


كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3112
https://i.servimg.com/u/f21/18/15/71/47/ibda3112.gif

إلى

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3010        كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3110     كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3111

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

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

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

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3010
https://i.servimg.com/u/f21/18/15/71/47/ibda3010.gif

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3110
https://i.servimg.com/u/f21/18/15/71/47/ibda3110.gif

المحدد باللون الأحمر في الصورة ضروري
كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3111
https://i.servimg.com/u/f21/18/15/71/47/ibda3111.gif

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

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3010
https://i.servimg.com/u/f21/18/15/71/47/ibda3010.gif


كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3011
https://i.servimg.com/u/f21/18/15/71/47/ibda3011.gif

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3012

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

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

الكود:
GENERATED_NAV_BAR

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3013
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>

نحذفه
كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3014
https://i.servimg.com/u/f21/18/15/71/47/ibda3014.gif

ونستبدلة بالكود التالي
الكود مخفى للرد


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

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3013
https://i.servimg.com/u/f21/18/15/71/47/ibda3013.gif

ونبحث عن

الكود:
</head>

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3015
https://i.servimg.com/u/f21/18/15/71/47/ibda3015.gif

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

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

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3010
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>

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

الشكل الثاني

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3011
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>

الشكل الثالث

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3012
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>

الشكل الرابع

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3112
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>

الشكل الخامس

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3113
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>

الشكل السادس

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3114

الكود:

الكود:
  <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>

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

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

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Ibda3113
https://i.servimg.com/u/f21/18/15/71/47/ibda3113.gif

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

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Empty رد: كود جعل ازرار المنتدي بنفبار عصرى وحصرى

K!M0
K!M0
النجمة الفضية
النجمة الفضية
اسم الدولة : : مصر
العمر : 22
عدد المساهمات : 4
المعجبون بمواضيعى : 0
تمت المشاركة في الجمعة 4 ديسمبر 2015 - 13:55
مشكور

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Empty رد: كود جعل ازرار المنتدي بنفبار عصرى وحصرى

zizou2012
zizou2012
النجمة الفضية 99%
النجمة الفضية 99%
اسم الدولة : : algeria
العمر : 41
عدد المساهمات : 59
المعجبون بمواضيعى : 0
تمت المشاركة في الثلاثاء 12 يناير 2016 - 11:54
مشكور

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Empty رد: كود جعل ازرار المنتدي بنفبار عصرى وحصرى

gsmbouali
gsmbouali
النجمة الفضية 50%
النجمة الفضية 50%
اسم الدولة : : تونس
العمر : 42
عدد المساهمات : 25
المعجبون بمواضيعى : 0
تمت المشاركة في الإثنين 18 يوليو 2016 - 11:37
مشكور

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Empty رد: كود جعل ازرار المنتدي بنفبار عصرى وحصرى

A_H_M_E_D1
A_H_M_E_D1
النجمة الفضية 20%
النجمة الفضية 20%
اسم الدولة : : مصر
العمر : 27
عدد المساهمات : 10
المعجبون بمواضيعى : 0
تمت المشاركة في الجمعة 1 سبتمبر 2017 - 21:56
تسلم

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Empty رد: كود جعل ازرار المنتدي بنفبار عصرى وحصرى

alla13
alla13
النجمة الفضية
النجمة الفضية
اسم الدولة : : بوكار
العمر : 24
عدد المساهمات : 4
المعجبون بمواضيعى : 1
تمت المشاركة في الأحد 3 يونيو 2018 - 23:09
خك فونت اوسم لايعمل على منتداك

كود جعل ازرار المنتدي بنفبار عصرى وحصرى Empty رد: كود جعل ازرار المنتدي بنفبار عصرى وحصرى

شادى
شادى
النجمة الفضية 20%
النجمة الفضية 20%
اسم الدولة : : مصر
العمر : 26
عدد المساهمات : 18
المعجبون بمواضيعى : 0
تمت المشاركة في الثلاثاء 5 مارس 2019 - 8:35
شكر شكرا
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Top