کد دکمه CSS-HTML – سری اول

 

عکس پست-کد دکمه CSS-HTML سری اول

عکس پست

توضیحات پست کد CSS-HTML سری اول

سلام.توی پست قبلی یک پست در رابطه با یک دکمه HTML-CSS گذاشته بودم و این بار هم قراره پستی با موضوع شبیه همون رو ببینید ولی با سه تا دکمه که توی این دکمه ها از CSS3 هم استفاده شده.

اول از همه وارد این صفحه بشید و پیشنمایش رو ببینید:

مشاهده پیشنمایش
نحوه استفاده

 شما با کپی کردن های قسمت اول قبل از تگ <head/> و کپی کردن کد های دوم توی قسمتی از قالب که میخواید نشون دادن بشه این دکمه رو به صفحه اضافه میکینید.

کد های قسمت اول:

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

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

برای دکمه اول:

برای دکمه دوم:

برای دکمه سوم:

شماره دکمه ها از بالا به پایین داخل پیش نمایش پست یا صفحه پیشنمایش هست.

حالا کد های قسمت دوم (HTML):

برای نمایش دکمه اول:

برای نمایش دومی:

برای نمایش سومی:

توی کد های بالا مقدار http://codenama.ir که برای آدرسی هست که وقتی کاربر روی دکمه کلیک کرد وارد اون بشه و یکی دیگه کد نما هست که متن داخلش هست و میتونید به متن دلخواهتون تغییرش بدید.

شما میتونید از این دکمه های CSS-HTML برای دکمه دانلود یا لینک به یک سایت دیگه ویا مواردی دیگه استفاده کنید.

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

 

 

ابوالفضل

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

مطالب مرتبط

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

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

16 − پانزده =