06 Mayıs 2016, 23:34 | #1 |
タネル
Üyelik tarihi: 23 Ocak 2003
Bulunduğu yer: istanbul Mesajlar: 540 WEB Sitesi: * IRC Sunucusu: * İlgi Alanı: Unreal Alınan Beğeni: 361 |
Html ve Css ile Yatay Menü
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> 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} İyi forumlar. ^^ |
Alıntı
|
Etiketler |
css, html, ile, menü, yatay |
Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
|
|
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 |