کد زیر یک کد برای ایجاد دکمه ی واکنش گرا با رنگ سبز است که با کد نویسی css طراحی شده ، شما ازین کد میتوانید برای دکمه های دانلود ، ادامه مطلب و غیره استفاده کنید .
[box type=”shadow” align=”aligncenter” ]

مشاهده نمونه 1 : “برای دانلود کد مربوطه روی دکمه زیر کلیک کنید”

دانلود با لینک مستقیم

مشاهده نمونه 2 : “برای دانلود کد مربوطه روی دکمه زیر کلیک کنید”

دانلود با لینک مستقیم


[/box]

 طریقه استفاده :

کدی که دانلود خواهید کرد کد  Css مربوط به این دکمه خواهد بود که باید آن را در فایل style.css قالب خودتون قرار بدید ، سپس هرجایی که میخواهید ازین دکمه استفاده کنید فقط کافیست کد زیر را جایگذاری کنید.

 

به جای # باید لینک یا آدرسی که میخواهید را قرار دهید تا کاربر پس از کلیک بر روی این دکمه به آن لینک یا آدرس هدایت شود.

پانوشت:

1- این کدها در تمامی سیستمهای مدیریت محتوا و یا هر سایتی با هر نوع طراحی قابل استفاده است.

2- بعضی قالبها دارای پنل تنظیمات مجزا هستند مانند قالب های صحیفه که اگر ازین قالبها استفاده میکنید به جای اینکه قالب را ویرایش کنید فقط کافیست کد css دلخواه خود را در قسمت  “کدهای استایل دلخواه – css”  _در بخش استایل پنل تنظیمات قالب_ قرار دهید.

اگر سوالی داشتید یا کمک خواستید بپرسید .

موفق باشید .