مشکل در radio

این تاپیک 5 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  Pouria Ariafar ،‏ 4 ماه و 1 هفته پیش .

این تاپیک تاکنون 221 بازدید داشته است .

نویسنده پست
پنجشنبه ، 28 جولای 2016     12:00 ق.ظ #


it,one

Subscriber
99 پست46 تاپیک

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<style>
input:checked{background-color:blue !important; color:green; width:50px; height:50px;}
</style>
<form>
<input type="radio" name="1">
</form>

</body>
</html>

سلام دوستان من وقتی میخام radio  هام موقع انتخاب رنگش عووض بشه نمیشه

از focus هم استفاده کردم ولی نشد

 

0  تشکر
پنجشنبه ، 28 جولای 2016     8:11 ق.ظ #


Pouria Ariafar

ناظم
141 پست9 تاپیک

سلام

فکر نکنم بتونی رنگش رو عوض کنی، باید radio رو hidden کنی و قبل radio یک span یا div خالی تعریف کنی و اون رو به شکل radio دربیاری تا استایل خاص خودت رو روش پیاده کنی

این نمونه رو نگاه کن

لینک

اینم قشنگ طراحی کرده

لینک

 

از content هم میتونی استفاده کنی ساده تره

input[type='radio']:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #999;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid white;
}
input[type='radio']:checked:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: blue;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid white;
}

1  تشکر
پنجشنبه ، 28 جولای 2016     10:14 ق.ظ #


it,one

Subscriber
99 پست46 تاپیک

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

0  تشکر
پنجشنبه ، 28 جولای 2016     10:24 ق.ظ #


it,one

Subscriber
99 پست46 تاپیک

یه چنین چیزی واسه یه اسلایدر قالب میخام طرح کنم خیلی مثلا ضروری نیست دارم تمرین میکنم ....

پوریا شما واسه تمرین چیپیشنهاد میدین میشه بهم بگی واسه اینکه حرفه ای شم باید چیکار کنم
ضمنا من تا جلسه 11 دوره طراحی وب رو یاد گرفتم !!!!

0  تشکر
پنجشنبه ، 28 جولای 2016     10:27 ق.ظ #


it,one

Subscriber
99 پست46 تاپیک

عکسو نتونستم بارگذاری کنم به خاطر همین توی پیکو اپلود کردم

http://s2.picofile.com/file/8261482868/Screenshot_from_2016_07_28_10_21_15.png

0  تشکر
پنجشنبه ، 28 جولای 2016     2:12 ب.ظ #


Pouria Ariafar

ناظم
141 پست9 تاپیک

چطوری ممکنه من تمام لینک های وب سایت هایی که مثال های خوبی دارن رو بدم؟ :)

کافیه تو گوگل سرچ کنی و مثال های خیلی خوبی رو میتونی پیدا کنی

بله آقای آوند در طول دوره سایت های خیلی کاربردی رو معرفی کردن ولی خب طبیعی هست و نمیشه همه وب سایت های مفید رو معرفی کرد

حتما خودتون میدونید استاتید سون لرن هم بارها تکرار کردن، اگر تمرین کنیم موفق میشیم شما، من و هر کس دیگه که میخواد حرفه ای بشه باید تمرین کنه

سایت  https://codepen.io رو من خیلی بهش سر میزنم، مثال های خیلی جالب و متنوعی داره، شما میتونید مثلا کلمه menu pure css رو در این سایت سرچ کنید و ببینید که فقط با css و  html چه منوهای خوبی رو کد نویسی کردن

مثلا اگر اسلایدری خواستید که فقط با html و css باشه کافیه در سایت ذکر شده سرچ کنید slider pure css

این نمونه رو نگاه کنید

لینک

یک اسلایدر خیلی زیبا فقط با css و بدون استفاده از js

1  تشکر
پست 1 تا 6 (از مجموع 6 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .