Ufak bir CSS yardım R10+

merhaba arkadaşlar



Böyle bir açılır dil menüsü yapmak istiyorum css ile dile tıklayınca istediğim linke gidecek açılır olacak

<select id="forma" onchange="location = this.value;">
<option value="link.php">GE</option>
<option value="link .php">AR</option>
<option value="link .php">RU</option>
<option value="link .php">TR</option>
</select>

Bu kod ile yaptım ama aşağıdaki gibi oluyor css eklenmesi gerekiyor. Kenarlıkları vs kaldırıp böyle modern bir hale getirmek istiyorum hazır kod vs varsada olur düzenlerim yardımcı olacak var mı 1 saattir uğraşıyorum

select ile yapamazsınız google search : dropdown example codepen

Burdaki örneklerden yararlanabilirsin hocam. yardım gerekir ise PM atabilirsin.

Öncelikle ögeye bir class atayın. Sonrasında o class’a aşağıdakileri verin:
Border: none;
Padding: 15px 30px 15px 30px;
Background-color: #ffff; ( istediğiniz renk)
Color: #0000; (yazının rengini belirler)
Display: inline-block;
Border-radius: 10px;

İşinizi görmesi lazım, değerlerle oynayarak istediğiniz şekile sokabilirsiniz.
Not: Bu kodlar sadece görünümü değiştirir işlevsellik için javascript bilmeniz gerekiyor.

Inline JS ile bu örneği hazırladım. Umarım işine yarar hocam.

Çok sağol hocam açılıp tıklayınca linke gitse yeter sadece mobil için olacak zaten.



Çok teşekkürler hocam ama yapmak istediğim menü gibi bişey değil ilk gösterdiğim resimdeki gibi dil yazacak üstüne tıklayınca diğer diller açılıp oradan seçilecek yani menü buyonu yerine direkt dil ismi gerekiyor. Sadece tr en gibi dil adı ve yanında ufak bi aşağı ok bu kadar



html ekledim sonra css ekledim bu şekilde oldu

select ile yapamazsınız google search : dropdown example codepen

Burdaki örneklerden yararlanabilirsin hocam. yardım gerekir ise PM atabilirsin.

Öncelikle ögeye bir class atayın. Sonrasında o class’a aşağıdakileri verin:
Border: none;
Padding: 15px 30px 15px 30px;
Background-color: #ffff; ( istediğiniz renk)
Color: #0000; (yazının rengini belirler)
Display: inline-block;
Border-radius: 10px;

İşinizi görmesi lazım, değerlerle oynayarak istediğiniz şekile sokabilirsiniz.
Not: Bu kodlar sadece görünümü değiştirir işlevsellik için javascript bilmeniz gerekiyor.

Inline JS ile bu örneği hazırladım. Umarım işine yarar hocam.

Yanlış anlamadı isem istediğiniz bu.