Yeni sayfanın başlığı

01 #menu { 02 font:14px arial, verdana, sans-serif; 03 width:720px 04 } 05 06 #menu ul { 07 list-style:none; 08 margin:0; 09 background:#3ca0df url(menubg.gif) repeat-x bottom; /* menü arkaplan resmimiz tanımlanıyor. */ 10 padding:5px; 11 12 /* Firefox, Chrome, Safari tarayıcılar için Border radius ve Shadow tanımları yapılıyor */ 13 14 -moz-border-radius:4px; /* menümüzün yuvarlak köşeleri tanımlanıyor. */ 15 -moz-box-shadow:0px 1px 2px #333; /* burada menümüze çok küçük bir gölge efekti veriyoruz */ 16 17 -khtml-border-radius:4px; /* menümüzün yuvarlak köşeleri tanımlanıyor. */ 18 -khtml-box-shadow:0px 1px 2px #333; /* burada menümüze çok küçük bir gölge efekti veriyoruz */ 19 20 -webkit-border-radius:4px; /* menümüzün yuvarlak köşeleri tanımlanıyor. */ 21 -webkit-box-shadow:0px 1px 2px #333; /* burada menümüze çok küçük bir gölge efekti veriyoruz */ 22 } 23 24 #menu li { /* menümüzün liste tanımı yapılıyor. */ 25 list-style:none; 26 padding:0; 27 margin:0; 28 float:left; 29 position:relative; 30 } 31 32 #menu a { 33 color:#fff; 34 text-decoration:none; 35 padding:4px; 36 display:block; 37 text-shadow:0px 1px 2px #000; 38 margin:0px 10px 0px 10px; 39 } 40 41 #menu a:hover { 42 color:#fff; 43 text-decoration:none; 44 padding:4px; 45 background:#333; 46 -moz-border-radius:3px; /* menü bağlantılarımıza küçük bir gölge efekti veriyoruz. */ 47 -khtml-border-radius:3px; 48 -webkit-border-radius:3px; 49 display:block; 50 } 51 52 /* Alt menülerimizi gizliyor ve sonrasında alt menünün stil tanımlamalarına geçiyoruz. */ 53 54 #menu li ul { 55 display:none; /* Alt menülerimizi gizliyoruz! */ 56 position:absolute; 57 padding:0px; 58 margin:0px; 59 } 60 61 #menu li:hover > ul { 62 display:block; /* Alt menülerimiz #menu li üzerine fare ile gelinince görünecek şekilde hover ile gösterimini sağlıyoruz. */ 63 position:absolute; 64 padding:0px 0px 0px 0px; /* margin ve padding değerlerini uygun şekilde ayarlıyoruz. */ 65 margin:0px 10px 0px 10px; 66 width:150px; 67 left:0 68 } 69 70 /* Alt menü görünümünü değiştirecek olan stilleri yazıyoruz. */ 71 72 #menu ul ul { 73 -moz-border-radius:4px; /* alt menümüzün köşelerini yuvarlıyoruz. */ 74 -webkit-box-shadow:0px 1px 2px #2e83ff; /* ve burada da biraz gölge katıyoruz. */ 75 -khtml-box-shadow:0px 1px 2px #2e83ff; /* ve burada da biraz gölge katıyoruz. */ 76 width:150px; 77 margin:0px 10px 0px 10px; 78 border:1px solid #777; 79 } 80 81 #menu ul ul li { 82 display:block; 83 float:none; 84 } 85 86 #menu ul ul a { /* alt menü listemizin linklerini tanımlıyoruz. */ 87 display:block; 88 font:14px/20px arial, verdana, sans-serif; 89 margin:0; 90 background:#888; 91 border-bottom:1px solid #777 92 } 93 94 #menu ul ul a:hover { 95 background:#f5cd14; 96 color:#fff; 97