الكود:

    /*----- تخفيف لون الازرار -----*/



    #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();
    }

 الموضوع الأصلي : كود css لتخفيف ألوان الأزرار و جعلها رائعة كالفلاش  المصدر : مُنتَدَيَاتْ صُـوتــْ بَــلَــدْنََــا

______________________________________________________