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

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



  آیا می دانید تا کنون 6252 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !
12 2717 ۱۲ اسفند ۹۳ محمد اسفندیاری

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

Gooey_Effect

میبینید که در ابتدا یک دایره وجود داره و با کلیک بر روی اون ، با افکت بسیار زیبایی زیر منوها باز میشن و با کلیک مجدد بر روی علامت X بسته میشن.

بدلیل اینکه کدهای این منو یک مقدار زیاد بود ، اونهارو در انتهای مطلب قرار دادم تا بتونین دانلود کنید.

در این مطلب از font-awesome استفاده شده است.

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

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

Source

نوع کد رايگان

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

  • ‏‏

    خیلی خوب بود ، مرسی

  • ‏‏
    نیم سکه(۱۳ اسفند ۱۳۹۳)

    خیلی زیبا بود .

  • ‏‏
    بردیا راستین(۱۳ اسفند ۱۳۹۳)

    برای ورژن جدید پنل چت رومم ازش استفاده میکنم فقط موندم صفحات رو چجوری اضافه کنم منظور این که ایده خوبی ندارم براش مثلا با کلیک رو هر کدوم اسکرول بشه پایین یا یه صفحه جدید باز بشه نمیدونم شما ایده نداری ؟

  • ‏‏

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

  • ‏‏

    میشه لطف کنید داخل CSS قسمت Font @ بجای نام فوت و Format چی باید نوشت تا متن وارد کرد در صورتیکه قسمت وارد کردن را مشخص کنید از لطف شما بینهایت ممنون میشم. با کمال احترام و سپاس

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

      دوست عزیز بجای کد زیر در HTML :

      کد زیر رو قرار بدین و متنهای مورد نظر رو تغییر بدین :

      اون @font رو میتونین حذف کنید و استایل مورد نظرتون رو اعمال کنید.
      موفق باشید

  • ‏‏

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

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram