Ufacık minicik bir nasıl yapabilirim sorusu? :)

23-09-2016, 17:52:01

Merhaba arkadaşlar, aşağıdaki gibi menu yaptım ama şu "Anasayfa" yazan yerin altındaki yeşil şeyi hover olarak eklemek istiyorum.

Acaba nasıl yapabilirim?

23-09-2016, 18:41:30

#2

zembla

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		div{
			background-color: black;
			color: white;
			float: left;
			width: 150px;
		}
		#alt_cizgi:hover {			
    		border-bottom: thick solid #7FFF00;
		}
	</style>
</head>
<body>
<div id="alt_cizgi"> Ana Sayfa</div>
<div id="alt_cizgi"> Filmler</div>
<div id="alt_cizgi"> Diziler</div>
</body>
</html>

Çok ilkel bir biçimi bu olabilir sanırım. Alta kısma ikinci bir siyah bölge eklenebilir belki estetik bakımından vs.

23-09-2016, 18:46:24

#3

Baypars

zembla adlı üyeden alıntı: mesajı görüntüle

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		div{
			background-color: black;
			color: white;
			float: left;
			width: 150px;
		}
		#alt_cizgi:hover {			
    		border-bottom: thick solid #7FFF00;
		}
	</style>
</head>
<body>
<div id="alt_cizgi"> Ana Sayfa</div>
<div id="alt_cizgi"> Filmler</div>
<div id="alt_cizgi"> Diziler</div>
</body>
</html>

Çok ilkel bir biçimi bu olabilir sanırım. Alta kısma ikinci bir siyah bölge eklenebilir belki estetik bakımından vs.

Hocam çok teşekkür ederim emeğiniz için fakat ufak bir sorunum var ki o yeşil çizgiyi nasıl aşağı indirebilirim?

Menü kodum şu şekilde;

<ul class="menuler">
<li><a href="#">ANASAYFA</a></li>
<li><a href="#">FİLMLER</a></li>
<li><a href="#">DİZİLER</a></li>
</ul>

23-09-2016, 18:57:52

#4

zembla

Ben yanlış anladım sanırım. Hover ile altında çizgi gözükecek diye düşünmüştüm. "...yeşil çizgiyi nasıl aşağı indirebilirim?" Bu ifadeyi tam açık değil galiba.

23-09-2016, 19:00:07

#5

Baypars

zembla adlı üyeden alıntı: mesajı görüntüle

Ben yanlış anladım sanırım. Hover ile altında çizgi gözükecek diye düşünmüştüm. "...yeşil çizgiyi nasıl aşağı indirebilirim?" Bu ifadeyi tam açık değil galiba.

Benim hatam hocam tam anlatamamışım