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

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

 من طرف Ahmed M!Do 19/11/2010, 13:53

كود جميل لزرار المتصفحه


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



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


الكود من نوع
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;
 /*Цвет текста при нажатии*/
}

في الختام
لا احب ان تشكروني
ولكن فقط الدعاء لي ولاهلي
بصالح الدعااء



تم الشرح بواسطة

احــــــمد مـــــيدو

المتطوع المساعد


.
.
.
.
.
أجمل تحية لاجمل اعضاء