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

شاطر | 
 

 [CSS] كود روعة للهيدر اعلى المنتدى ايقونات الدخول حصريا بشكل متحرك

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

الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 20

مُساهمةموضوع: [CSS] كود روعة للهيدر اعلى المنتدى ايقونات الدخول حصريا بشكل متحرك   21/1/2013, 22:06

صوره توضيح
للايقونات الرئيسيه

صورة توضح عند مرور الماوس

الكود من نوع
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://maaz-b.forummi.com
 
[CSS] كود روعة للهيدر اعلى المنتدى ايقونات الدخول حصريا بشكل متحرك
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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