السلام عليكم ورحمة الله وبركاتة
اهلا بكل رواد منتدى الابدع
اول موضوع جديد لي وحصري فقط على منتدى الابداع
من تكويدي الشخصي واتمنى ينال رضاكم
الوصف : يقوم الكود بتغير شكل النافبار
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]إلى
تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]النسخة : 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>
بعد اختيارانا احد الاشكل التي في الاعلى ووضعها في القالب
نظغط سجل
ثم نأكد التعديلات
تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]وانتهيت اتمنى ينال الموضوع رضاكم
جميع الحقوق محفوظة لمنتدى الابدع ويمنع نقل الموضوع خارج المنتدى
والسلام عليكم ورحمة الله وبركاتة