كود تخفيف الوان الازرار
صفحة 1 من اصل 1
كود تخفيف الوان الازرار
من طرف emadsoliman الخميس سبتمبر 30, 2010 12:39 am
السلام عليكم ورحمة الله وبركاته
اليوم احضرت لكم كود جميل جدا
وهو تخفيف الوان الازرار
*//صورة الكود*
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
-------------
طريقة وضعه
لوحة الادارة>>مظهر المنتدى>>الوان>>ورقة تصميم css
اليوم احضرت لكم كود جميل جدا
وهو تخفيف الوان الازرار
- الكود:
/*----- تخفيف لون الازرار -----*/
#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
emadsoliman
المدير العام
- عدد المساهمات : 520
نقاط : 1388
عدد مرات الشكر : 39
تاريخ التسجيل : 21/05/2010 -
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى