تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 1 از 1

موضوع: آموزش استفاده از هاور در css | اختصاصی وی بی ایران

  1. Top | #1
    مدیر بازنشته

    تاریخ عضویت
    Jul 2013
    ورژن ویبولتین
    4.2
    نوشته ها
    2,262
    مورد پسند
    1,801 بار
    اطلاعات
    Windows NT 6.3 Firefox 33.0
    میزان امتیاز
    266

    پیش فرض آموزش استفاده از هاور در css | اختصاصی وی بی ایران

    با سلام

    اینبار با آموزش استفاده از هاور در css در خدمت شما عزیزان هستیم ..

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

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

    باید ابتدا کلاس مورد نظرتون رو که میخواید بهش هاور بدید پیدا کنید برای مثال

    میخواید به قسمت Forumhead قالبتون خاصیت هاور رو اضافه کنید و فروم هد قالب شما کلسش به این شکل هستش

    کد:
    .forumhead
    حالا برای نوشتن هاور برای این کلاس در قالبتون باید بنویسید

    کد:
    .forumhead:hover
    بعد خاصیت های دلخواهتون رو بهش بدید

    اما برای درک بیشتر یک مثال کامل میزنم

    شما میخواید وقتی موس رو میبرید روی فروم هد انجمنتون رنگ بکگراند اون تغییر کنه

    اولین قدم پیدا کردن کلاس هستش

    این کلاس فروم هد ماست

    کد:
    .forumhead
    حالا میخوایم به این قسمت خاصیت هاور رو اضافه کنیم به شکلی که بعد از اینکه موس بر روی فروم هد رفت بکگراند به قرمز تغییر کنه بعد از اینکه موس رو از اونجا کنار کشیدید دوباره به حالت اولیه برگرده

    اینطور باید بنویسید

    کد:
    .forumhead:hover {
    background:#F00;}
    اما یک مثال دیگه

    مثلا میخواید وقتی روی یک ساب فروم یا همون زیر مجموعه های انجمنتون میرید هم بکگراند تغییر کنه هم سایز نوشته ها کمی بزرگتر بشه

    اول کلاس ساب فرومتون رو پیدا میکنید

    این کلاس ساب فروم ما :

    کد:
    .subforum
    بعد اینطوری اضافه میکنید

    کد:
    .subforum:hover { 
    font-size:16px !important;
    Background:#F00 !important;
    }
    میبنید که ما اینجا از ساب فروم خواستیم تا بعد از رفتن موس روی اون اندازه ی فونتش به 16px و بکگراندش به رنگ قرمز در بیاد

    به این شکل شما عزیزان میتونید به هر قسمتی که خواستید هاور اضافه کنید و جلوه های زیبایی به اون بدید

    البته میشه خیلی افکت هارو بهشون اضافه کرد اما من فعلا همین طرز کارش رو نوشتم انشالله در آموزش های بعد درست کردن هاور های زیبا تری خواهم پرداخت

    موفق باشید

    5 تشکر توسط:





  2. گیفت کارت آیتونز

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

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

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

موضوعات مشابه

  1. پاسخ: 69
    آخرين نوشته: 2014/11/24, 12:17 PM
  2. اموزش ساخت بنر تبلیغاتی با استفاده از css و html (اختصاصی وی بی ایران)
    توسط erfan0181 در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 0
    آخرين نوشته: 2014/06/03, 11:19 AM
  3. پاسخ: 7
    آخرين نوشته: 2012/10/15, 06:43 PM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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