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

در این مطلب میخوام استایلی زیبا برای لینک ( link ) قرار بدم.

 

نکته : بعضی از این استایلها ممکنه که بر روی بعضی از مرورگرها بخوبی کار نکند.

کد HTML :

کد CSS :

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

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

نوع کد رايگان

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

  • ‏‏

    ممنون بابت آموزش ، بسیار جالب و مفید بود

  • ‏‏
    دلگویه(۵ مهر ۱۳۹۳)

    خیلی عالی بود واقعا ممنون

  • ‏‏

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

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

      ببینید دوست عزیز باید لینک مورد نظرتون رو درون یک div قرار بدین با کلاس cl-effect-19
      بعد از اون باید درون تگ a ، یک تگ span قرار بدین و متن مورد نظرتون رو درونش بنویسید…..بعد از اون به span مورد نظر یک خصوصیت بنام data-hover اضافه کنید و مقدار اون رو برابر با همون چیزی بزارین که درون span گذاشتین
      بعد از اون هم تمام کدهای CSS رو در فایل CSS خودتون کپی کنید….مثل همیشه
      موفق باشید

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

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

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

    ورود به سایت

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

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

    عبارت :