آژانس هواپیمایی
pop up

تغییر رنگ آیکون با CSS

شروع موضوع توسط Helen_Farhani ‏6 اکتبر 2007 در انجمن CSS

  1. Helen_Farhani

    Helen_Farhani کاربر تازه وارد

    تاریخ عضویت:
    ‏30 مارس 2007
    نوشته ها:
    89
    تشکر شده:
    0
    آیا میشه رنگ یک تصویر تک رنگ را با CSS تعیین کرد؟
    مانند این اما بدون در نظر گرفتن نوشته روی عکس.
    [​IMG]
     
  2. hossein_asp

    hossein_asp کاربر تازه وارد

    تاریخ عضویت:
    ‏31 مارس 2005
    نوشته ها:
    637
    تشکر شده:
    0
    محل سکونت:
    جایی که خدا نباشد
    میشه با فیلتر مثلا به صورت gray یا محو یا بصورت عکس اشعه ایکس نمایش داد اما فکر کنم در حالت hover به صورت لینک کار نکنه.اما عکس gif رو که بک گراند اون ترنس پرنس هست رو میشه با تغییر بگ گراند ساده رنگ بکشو عوض کرد.
     
  3. hossein_asp

    hossein_asp کاربر تازه وارد

    تاریخ عضویت:
    ‏31 مارس 2005
    نوشته ها:
    637
    تشکر شده:
    0
    محل سکونت:
    جایی که خدا نباشد
    آقا اینم یه چند مورد نمونه:

    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    .fl {
    	filter: Invert;
    }
    .fl_gray {
    	filter: Gray;
    }
    .f_ligh {
    	filter: Light;
    }
    .f_xray {
    	filter: Xray;
    }
    -->
    </style>
    </head>
    
    <body>
    <p><img src="btn_brnd_sale.gif" width="174" height="25" class="fl" />
      <img src="btn_brnd_sale.gif" width="174" height="25" class="fl_gray" />
      <img src="btn_brnd_sale.gif" width="174" height="25" class="f_ligh" /></p>
    <p><img src="btn_brnd_sale.gif" width="174" height="25" class="f_xray" /></p>
    </body>
    </html>
     
  4. Helen_Farhani

    Helen_Farhani کاربر تازه وارد

    تاریخ عضویت:
    ‏30 مارس 2007
    نوشته ها:
    89
    تشکر شده:
    0
    چطوری؟ میشه بیشتر توضیح بدین؟
     
  5. hossein_asp

    hossein_asp کاربر تازه وارد

    تاریخ عضویت:
    ‏31 مارس 2005
    نوشته ها:
    637
    تشکر شده:
    0
    محل سکونت:
    جایی که خدا نباشد
    اون کدی که گذاشتم سمپله هویج که نیست :) .کد بالا رو تو یه فایل html کپی کن بعدش سیو کن تو یه پوشه بعد عکسی که بالا گذاشتی رو تو پوشه ای که فایل html رو سیو کردی بگذار تغییر رو ببین.البته برای چیزی که با درخواست کردی میشه یه کارایی کرد.الان برات یه نمونه درست میکنم.آقای Helen_Farhani
     
  6. hossein_asp

    hossein_asp کاربر تازه وارد

    تاریخ عضویت:
    ‏31 مارس 2005
    نوشته ها:
    637
    تشکر شده:
    0
    محل سکونت:
    جایی که خدا نباشد
  7. boxilink