جديد وحصري فقط من مايكو :: كود أزرار المنتدى على الجوانب ( كود القائمة العائمة ::

جديد وحصري فقط من مايكو :: كود أزرار المنتدى على الجوانب ( كود القائمة العائمة ::

 من طرف Prince Maiko الثلاثاء 14 يوليو 2015 - 17:54

السلام عليكم ورحمة الله وبركاته

أهلاً ومرحباً بكم أعضاء وزوار وفريق منتدى الدعم والمساعدة

اليوم وبإذن الله تعالى

أحضرت كود جميل جداً جداً جداً جداً لكم

الكود يظهر أزرار الرئيسية علي جوانب المنتدى بطريقة احترافية جداً جداً

هذا الكود لا يوجد مثيل له ولا حتي على منتديات الفي بي

=============

:: صورة من الكود ::

http://im65.gulfup.com/pc09Dx.png

:: شرح وضع الكود ::

لوحة الإدارة >>> مظهر المنتدى >>> الصور والألوان >>> ألوان >>> ورقة تصميم CSS >>> ضع الكود ثم سجل لحفظ التغييرات

:: ♣♣♣ الكود ♣♣♣ ::

الكود:

/*Ahmed Elsyed Murad_Prince Maiko*/
a.mainmenu{
position:relative;
top:10px;
margin:-10px 0px -10px 0px;
text-shadow:1px 1px 2px #000;
border-radius:5px;
font-weight:bold;
font-size:11px;
display:block;
color:#fff;
}
a.mainmenu:hover{
box-shadow:0px 5px 6px rgba(0,0,0, 0.550) inset;
background-color:rgba(0,0,0, 0.3);
color:#ff8
}
ul.navlinks {
position:relative;
border:none;
}
.navbar {
box-shadow:5px 5px 10px rgba(0,0,0, 0.3) inset, -0.1px -5px 10px rgba(0,0,0, 0.3) inset;
-webkit-border-radius:10px 0px 0px 10px;
-moz-border-radius:10px 0px 0px 10px;
-o-border-radius:10px 0px 0px 10px;
background-color:rgba(0,0,0, 0.3);
border-radius:10px 0px 0px 10px;
position:fixed;
height:auto;
width:98px;
right:0px;
top:35px;
}
p.nomargin/*Header Searchbar*/{
display:none;
}
#page-footer .navbar{
box-shadow:none !important;
position:inherit !important;
display:inline !important;
}
.icon-home/*Footer Home*/{
display:none;
}

ملحوظة هامة جداً :  الكود يعمل فقط بشكل جيد على النسخة الثالثة

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

أخوكم

Prince Maiko