• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!
6 1396 ۲۳ فروردین ۹۴ محمد اسفندیاری

در این مطلب میخوام نمونه 7 از دکمه رو در اختیارتون بزارم.

buttonStyle7

 

میبینید که هر زمان روی دکمه مورد نظر هاور میکنید ، افکت زیبایی رخ میده.

کدهای HTML :

 کدهای CSS مشترک بین همه دکمه ها :

 کدهای مخصوص این دکمه :

امیدوارم خوشتون اومده باشه.

موفق باشید. یا علی

Source

نوع کد رايگان

دیدگاه ها 6 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

    سلام
    اول تشکر بابت این کدهای خوبی که میزارید.
    دوم اگر ما این حجم کد را در یک قالب به کار ببریم قالب رو سنگین نمیکنه ؟ شما فکر کنید که توی یه سایت چندین button استفاده کنیم چی میشه….

    • ‏‏
      محمد اسفندیاری(۲۳ فروردین ۱۳۹۴)

      سلام قربان
      کدهای CSS ثابت هستن و همین چند خط هستن……چه 1 دکمه بزارید چه 1000 دکمه ، کد CSS دیگه ای لازم نیس
      فقط کافیه که کلاس مورد نظر رو به دکمه بدین
      فایل CSS حجمش تا 40 کیلوبایت هم باشه خیلی خوبه…..یادتون باشه اونو فشرده و minify کنید
      سرعت اینترنت هم نسبت به گذشته بهتر شده
      نگران نباشید
      موفق باشید

  • ‏‏

    عالی بود
    در صورت امکان کدهای سه دایره موجود در هدر لینک زیر را هم قرار دهید
    http://webwest.com.au/

  • ‏‏

    بسیار ممنونم
    اگر ممکنه بفرمائید نکته رو بلد نیستم
    میخوام هر دایره کلا لینکدار بشه
    چه کدی رو و کجا بزارم ؟

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram