کد اضافه کردن یک دکمه به صفحه وب – html-css

 

codenama.ir-post-cover-html-css-button

عکس پست-کد اضافه کردن یک دکمه به صفحه وب – html-css

سلام

توی این پست یک دکمه سی اس اس قرار داده شده که اولین پست با این موضوع توی این سایته!

بقیه توضیحات در ادامه مطلب…

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

دمو کد دکمه

البته از این کد توی وبلگ کد نما هم استفاده مردم که میتونید توی این آدرس اون رو ببینید:

همونطور که تو این صفحه معلومه یک دکمه هست که توش یک متن نوشته شده که به یک لینک اشاره میکنه.

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

این یک خط رو قبل از تگ هد بسته (<head/>) کپی کنید:

با این کار استایل این دکمه فراخوانی میشه(و چون استایل توی سایت پرشین گیگ آپلود شده اگه مشکلی برای لود فایل از این سایت پیش بیاد نمایش درست این دکمه به خوبی انجام نمیشه)

و حالا استفاده از اون تو صفحه:

این رو توی قسمتی از قالب که قصد استفاده از این دکمه رو دارید کپی کنید:

بجای http://codenama.ir آدرس موردنظر خودتون و بجای کدنما متن موردنظر خودتون رو بنویسید.

تمام!درصورتی که توی کد مشکلی یا سوالی درمورد کد بود اون رو اطلاع بدید!

 

 

ابوالفضل

علاقه مند به برنامه نویسی اندروید ، طراحی وب و گرافیک

مطالب مرتبط

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

یک × یک =

www.000webhost.com