منتديات احمد كو

]



 
الرئيسيةبوابه احمد كواليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

 كود css روعة للهيدر اعلى المنتدى ايكونات الدخول حصريا بشكل متحرك

اذهب الى الأسفل 
كاتب الموضوعرسالة
احمد كو
المـديـر العـــام
المـديـر العـــام
avatar

ذكر
الجدي
الماعز
عدد المساهمات : 316
نقاط : 917
السٌّمعَة : 3
تاريخ الميلاد : 01/01/1992
تاريخ التسجيل : 14/03/2011
العمر : 26
الموقع : http://ahmed-ko.yoo7.com
المزاج : ممتاز

مُساهمةموضوع: كود css روعة للهيدر اعلى المنتدى ايكونات الدخول حصريا بشكل متحرك    الثلاثاء مارس 29, 2011 3:16 pm

كود جميل لزرار المتصفحه
صوره توضيح
للايقونات الرئيسيه





وبعد مرور الموس عليها ستصبح هكذا





الكود من نوع
Css

لوحه التحكم
مظهر المنتدى
الصور و الألوان
الوان
ورقه تصميم Css


اولا للنسخه Phpbb2


div#page-body{
margin-top:5px;
}

a.mainmenu img {
display:none;
}

a.mainmenu
{
margin:0 -6px;
padding:5px;
background-color:#606060;
color:white;
text-decoration:none
!important;
}

a.mainmenu:hover {
color:red;
background-color:#505050;
text-decoration:none;
}

a.mainmenu:focus
{
color:blue;
text-decoration:none;
}



وايضا للنسخه
PunBB




#pun-navlinks li{
margin-right:-10px;
}

#pun-navlinks
li a {
color:white !important; /*Цвет текста*/
background-color:#404040;
/*Цвет фона*/
margin:0;
padding:5px;
}

#pun-navlinks li
a:hover {
background-color:#101010; /*Цвет фона при наведении*/
color:red;
/*Цвет текста при наведении*/
}

#pun-navlinks li a img {
display:none;
}

#pun-navlinks
a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration:none;
}

#pun-navlinks
li a:active {
color:orange;
}

#pun-navlinks li a:focus {
color:blue;
/*Цвет текста при нажатии*/
}
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://ahmed-ko.yoo7.com
 
كود css روعة للهيدر اعلى المنتدى ايكونات الدخول حصريا بشكل متحرك
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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