ساخت دکمه
خدا، به نامش
سلام و درود، چیزی که روش بزنیم و مارو هدایت کنه به یک چیز دیگه رو دکمه می گیم!
حالا اون دکمه می تونه عکس باشه، میتونه نوشته باشه و یا هر چیزی که با موشواره یا توی صفحه لمسی گوشی بتونیم بزنیم روش!
برای مثال همه این چیز های زیر دکمه هستن.
اینا همه دکمه های ساده هستن و هیچ شمایلی بهشون اضافه نشده.
برای درک بهتر موضوع این جوری می تونم بگم که همه چی توی اچ تی ام ال می تونه سی اس اس بگیره به خودش و شمایلش عوض بشه.
برای مثال همه اون دکمه های بالا وقتی بهشون رنگ و لعاب بدی با همون استخون بندی و قابلیت ها این شکلی میشن در ظاهر فقط:
همه جا، همه چی در اچ تی ام ال قابل ویرایشه!
حتی حالت دکمه ها در موقعیت های متفاوت:
میشه وقتی موشواره رفت روشون تغییر کنن ( که بهش می گن hover )
میشه وقتی فشارشون دادی تغییر کنن ( که بهش می گن focus )
میشه وقتی فشار دادی و فعال شدن تغییر کن ( که بهش می گن acitve )
برای مثال میشه این ویژگی رو بهش گفت که وقتی موشواره رفت روی دکمه، متن داخلشو سفید کن! اینجوری:
این ظاهر دکمه هست و در اصل کار هایی که یک دکمه می تونه بکنه خیلی چیزاست از فرستادنمون به یک صفحه دیگه مثل شبکه های اجتماعی بگیر تا پر شدن داخل دکمه قلب با زدنش و پسندیدن یک محتوا.
حالا اینا همه مثال بود و اگر بخوای یک دکمه وارد صفحه اچ تی ام ال بکنی کافیه اینو بزنی:
خروجیش میشه این:
من یک دکمه متنی ام
این برچسب < a > هرچیزی رو تبدیل می کنه به یک پیوند یا نشونی! یعنی پشت هرچیزی بیاد اون چیز دکمه میشه! خب الان اینجا پشت متن اومده و متن رو تبدیل به کلید کرده!
اما الان به هیچ جایی وصل نیست و هیچ کاری نمی کنه برای این که بخواد کار کنه باید بهش بگیم چیکار کنه و این جا برای مثال بهش گفتم برو صفحه آگور با نشونی دقیقش:
خب تا این جا یک دکمه اضافه کردی و اونو می تونی به هرجایی وصلش کنی!
نوشته شده توسط مصطفی در
ویرایش دوم - همان روز ساعت: ۱۶:۳۶