کد دکمه CSS-HTML – سری دوم +توضیحات

codenama.ir-button-series-2-demo

عکس_کد دکمه CSS-HTML – سری دوم +توضیحات

 

سلام.توی پست قبلی سری اول کد دکمه ها رو گذاشته بودم و توی این پست سری دوم این دکمه های CSS-HTML رو میذارم که مثل پست قبلی به همراه توضیحات و پیش نمایش دکمه ها هست.

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

مشاهده پیشنمایش

نحوه استفاده

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

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

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

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

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

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

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

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

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

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

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

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

این دکمه ها میتونن توی موارد مختلفی کاربردی باشن مثلا برای نمایش منبع یک مطلب یا گذاشتن لینک توی اونها و یا حتی آموزش و…

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

 

برای ورود به قسمت(موضوع) کد سایت از این آدرس استفاده کنید:

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

و یا از قسمت موضوع بندی سایت استفاده کنید

 

 

ابوالفضل

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

مطالب مرتبط

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

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

4 + 10 =

www.000webhost.com