bundles
  آیا می دانید تا کنون 7769 نفر در 16 دوره آموزشی سون لرن ثبت نام کرده اند !
12 2871 ۱۲ اسفند ۹۳ محمد اسفندیاری

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

Gooey_Effect

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

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

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

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

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

Source

نوع کد رايگان

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

  • ‏‏

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

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

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

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

      نمونه های دیگه ای هم قرار خواهد گرفت
      موفق باشید

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

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

  • ‏‏

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

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

      بله میشه
      میتونین امتحان کنید
      موفق باشید

  • ‏‏

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

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

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

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

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

  • ‏‏

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

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram