| موضوع: * * * * * * * كود تخفيف الوان الازرار الأربعاء ديسمبر 22, 2010 2:21 pm | |
| السلام عليكم ورحمة الله وبركاته
اليوم احضرت لكم كود جميل جدا وهو تخفيف الوان الازرار
*//الكود*
الرمز: - الكود:
-
/*----- تخفيف لون الازرار -----*/
#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 |
|