/ آموزش کم رنگ و پر رنگ کردن یک تصویر با استفاده از css (اختصاصی ویکی وی بی)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 4 از 4

موضوع: آموزش کم رنگ و پر رنگ کردن یک تصویر با استفاده از css (اختصاصی ویکی وی بی)

  1. #1
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir

    آموزش کم رنگ و پر رنگ کردن یک تصویر با استفاده از css (اختصاصی ویکی وی بی)

    درود.
    خب گفتم یک آموزش قرار بدم ، فقط همین اول کاری بگم ، دوستانی که بلدن نیازی نیست در این تاپیک بکن ما بلد بودیم 100 سال پیش مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    خب اگر خیلی خیلی خلاصه توضیح می دم شرمنده ، آموزش های قبلی خیلی خیلی توضیح دادم پس باید الان دستتون راه افتاده باشه اگر آموزش های بنده رو دنبال کرده باشین !
    خب 1 دقیقه وقتتون رو بدید به من ! یه عکس داریم ایناش :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    خب با اچ تی ام ال اسم کلسشو می زاریم مثلا wikivb بعد بگراند رو می دیم بهش طول و عرض هم می دیم فوق العاده ساده هست !
    تا اینجاش که آسون بود ! حالا میایم به کلسمون یه کوئالیتیشو کم می کنیم 0.5 می دیم ! اینطوری :
    کد:
    opacity: 0.5;
    خب حالا بیایم یه هاور بدیم بلدین دیگه ! آخ ببخشید یادم رفت ! یه انیمیشن بر حسب 0.3 ثانیه می دیم به کلس اصلی اینطوری :
    کد:
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    حالا به هاور همون خاصیتی که چند ثانیه پیش دادیم رو می دیم اما به جای 0.5 می زنیم 1 !
    تمام شد و رفت ! حالا سورس کامل :
    html :
    کد:
    <div class="wikivb"></div>
    css :
    کد:
    .wikivb {
    background: url(http://wikivb.ir/logo.png);
    width: 123px;
    height: 123px;
    opacity: 0.5;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    }
    .wikivb:hover {
    opacity: 1;
    }
    امیدوارم مفید واقع شده باشه و رضایت شما رو تونسته باشم جلب کنم
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    13 نفر از اعضا پست CodeSaz را پسندیده اند


    Coming Soon New Project ■

  2. نوين وردپرس تبلیغات شما

  3. #2
    MR.P3YM@N آنلاین نیست.
    MR.P3YM@N
    مدير بازنشسته
    800نوشته1,604مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    24
    پسندیده است
    2,158 پست
    بلاگ
    1 پست
    میزان امتیاز
    1603
    ChatSupport.IR
    زحمت کشیدی اینو که
    ما بلد بودیم 100 سال پیش
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    شوخی کردم خیلی آموزش خوبی بود محمد جان استفاده کردیم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست MR.P3YM@N را پسندیده است:


    تاک وب ، آژانس طراحی وب | تاک موزیک ، رسانه موسیقی ایران

    کامسونت، مرجع تخصصی پشتیبانی شبکه های اجتماعی و ارتباطی (آدرس جدید چت ساپورت)

  4. #3
    SpaMer آنلاین نیست.
    SpaMer
    کاربر سايت
    42نوشته24مورد پسند

    تاریخ عضویت
    Apr 2014
    شماره عضویت
    5058
    پسندیده است
    25 پست
    بلاگ
    پست
    میزان امتیاز
    34
    No Set
    نقل قول نوشته اصلی توسط CodeSaz نمایش پست ها
    درود.
    خب گفتم یک آموزش قرار بدم ، فقط همین اول کاری بگم ، دوستانی که بلدن نیازی نیست در این تاپیک بکن ما بلد بودیم 100 سال پیش مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    خب اگر خیلی خیلی خلاصه توضیح می دم شرمنده ، آموزش های قبلی خیلی خیلی توضیح دادم پس باید الان دستتون راه افتاده باشه اگر آموزش های بنده رو دنبال کرده باشین !
    خب 1 دقیقه وقتتون رو بدید به من ! یه عکس داریم ایناش :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    خب با اچ تی ام ال اسم کلسشو می زاریم مثلا wikivb بعد بگراند رو می دیم بهش طول و عرض هم می دیم فوق العاده ساده هست !
    تا اینجاش که آسون بود ! حالا میایم به کلسمون یه کوئالیتیشو کم می کنیم 0.5 می دیم ! اینطوری :
    کد:
    opacity: 0.5;
    خب حالا بیایم یه هاور بدیم بلدین دیگه ! آخ ببخشید یادم رفت ! یه انیمیشن بر حسب 0.3 ثانیه می دیم به کلس اصلی اینطوری :
    کد:
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    حالا به هاور همون خاصیتی که چند ثانیه پیش دادیم رو می دیم اما به جای 0.5 می زنیم 1 !
    تمام شد و رفت ! حالا سورس کامل :
    html :
    کد:
    <div class="wikivb"></div>
    css :
    کد:
    .wikivb {
    background: url(http://wikivb.ir/logo.png);
    width: 123px;
    height: 123px;
    opacity: 0.5;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    }
    .wikivb:hover {
    opacity: 1;
    }
    امیدوارم مفید واقع شده باشه و رضایت شما رو تونسته باشم جلب کنم
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    من یه تصویری دارم که وقتی ماوس میره روش، یه تصویر کوچیکتر هم روش نمایش داده میشه. میخوام اون تصویر دوم (کوچیکتره) کم رنگ نشه ! و فقط تصویر اصلی کم رنگ بشه. چیکار کنم؟

  5. #4
    Daniyal.K آنلاین نیست.
    Daniyal.K
    کاربر سايت
    862نوشته598مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    2924
    پسندیده است
    429 پست
    بلاگ
    پست
    میزان امتیاز
    608
    No Set
    درود.
    کد رو قرار بدید براتون ویرایش کنم.
    Coming Soon ...

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی