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


اليوم احضرت لكم كود جميل جدا
وهو تخفيف الوان الازرار


*//الكود*

[flash] /*----- تخفيف لون الازرار -----*/ #i_icon_mini_index { opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_index:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } /*---- essa_elgn----*/ #i_icon_mini_portal { background-image: url(); opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_portal:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } /*---- essa_elgn----*/ #i_icon_mini_faq { background-image: url(); opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_faq:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } /*---- essa_elgn----*/ #i_icon_mini_search { background-image: url(); opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_search:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } /*---- essa_elgn----*/ #i_icon_mini_members { background-image: url(); opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_members:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } /*---- essa_elgn----*/ #i_icon_mini_groups { background-image: url(); opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_groups:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } /*---- essa_elgn----*/ #i_icon_mini_profile { background-image: url(); opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_profile:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } /*---- essa_elgn----*/ #i_icon_mini_message { background-image: url(); opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_message:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } /*---- essa_elgn----*/ #i_icon_mini_login { background-image: url(); opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_login:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } /*---- essa_elgn----*/ #i_icon_mini_logout { background-image: url(); opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_logout:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } /*---- essa_elgn----*/ #i_icon_mini_new_message { background-image: url(); opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_new_message:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } /*---- essa_elgn----*/ #i_icon_mini_register { background-image: url(); opacity : 0.5 ; -moz-opacity : 0.5 ; -khtml-opacity : 0.5 ; filter : alpha(opacity=50) ; } #i_icon_mini_register:hover { background-image: url(); opacity : 1 ; -moz-opacity : 1 ; -khtml-opacity : 1 ; filter : alpha(opacity=100) ; } function stop(){ if(TimerRunning) clearTimeout(timerID); TimerRunning = false; } function display() { var thedate = new Date(); var hours = thedate.getHours(); var Min = thedate.getMinutes(); var Sec = thedate.getSeconds(); var TimeV = "" + ((hours >12) ? hours -12 :hours) TimeV += ((Min < 10) ? ":0" : ":") + Min TimeV += ((Sec < 10) ? ":0" : ":") + Sec TimeV += (hours >= 12) ? " PM" : " AM" window.status = TimeV; timerID = setTimeout("display()",1000); TimerRunning = true; } function start() { stop(); display(); }[/flash]


*//صورة الكود*


http://store2.up-00.com/Jun10/3K415730.bmp
-------------
طريقة وضعه
لوحة الادارة>>مظهر المنتدى>>الوان>>ورقة تصميم css