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

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



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!
2 522 ۳ اردیبهشت ۹۵ محمد اسفندیاری

در این قسمت میخوام یک کد ( morphing search input ) جالب رو در اختیارتون بزارم.

morphing search input

همونطور که دیدید در ابتدا یک آیکون جستجو قرار داره و زمانی که بر روی اون کلیک میکنید بصورت زیبا به آیکون x تبدیل میشه و درون input قرار میگیره.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

نوع کد رايگان

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

  • ‏‏

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

    • ‏‏
      محمد اسفندیاری(۲۳ اردیبهشت ۱۳۹۵)

      این کدها ربطی نداره که کجا قراره استفاده بشن
      تنها کاری که باید بکنید اینه که کدهای HTML رو در محل مورد نظرتون قرار بدین و کدهای CSS هم در فایل CSS قرار بدین
      بهمین راحتی
      موفق باشید

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram