Html ve Css ile Yatay Menü - ForumTEK.Net

Entrance · 06 Mayıs 2016, 23:34

Tamamen can sıkıntısından meydana gelen basit bir yatay menü.)

Ekran görüntüsü,

HTML kodları,

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Testing Menü!</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link  rel="stylesheet" href="stil.css"/>
</head>
<body>
<div class="menu">
<ul>
<li><a href="#">UnrealIRCd</a></li>
<li><a href="#">IRCServices</a></li>
<li><a href="#">Eggdrop</a></li>
<li><a href="#">Anope</a></li>
<li><a href="#">UIRC</a></li>
</ul>
</div>
</body>
</html>

CSS kodları,

Kod:

.menu { width:600px; height:32px; margin:10px auto}
.menu ul{ margin:0; padding:0; list-style:none}
.menu ul li{ float:left }
.menu ul li a{ display:block; width:120px; height:25px; background:#330000; color:#FFFFFF; font:italic 15px arial; text-align:center; padding:7px 0 0 0; text-decoration:none; border-radius:20px 20px 20px 20px}
.menu ul li a:hover{ color:red; background:#000099}

NOT: CSS kodlarını stil.css dosyası oluşturup, içerisine eklemeniz gerekmektedir. Yada html kodları arasında bulunan head etiketinin içerisindeki stil.css'i istediğiniz bir isim olarak belirtip, oluşturabilirsiniz.

İyi forumlar. ^^

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
Html ve Css ile Sohbet paneli	Entrance	HTML - CSS - XML	3	23 Haziran 2018 10:25
Navbar Üst Menü	Entrance	vBulletin Hazır Kodlar	1	29 Mayıs 2016 19:23
HTML Nedir?	Code	HTML - CSS - XML	0	15 Eylül 2015 21:55
Joomla da html kod ekleme	Violence	Joomla	0	26 Temmuz 2015 17:08
Java menü	Kaf_Dağı	Java	0	17 Mart 2015 12:04

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)