Murat BütünWeb Tasarım ve Arama Motorları Optimizasyonu

Bir web sayfasında en çok dikkat çeken alanlardan birisi menü kısmıdır. Renkli ve alt kategorilerden oluşan bir menü paylaşalım. Demo için TIKLAYINIZ.

Sizelere şimdi bi css kodu daha vericem ama ne kadar işinize yarar bilmiyorum. Çünkü dede yadigarı internet explorer maalesef bu desteği sağlayamıyor.

[html]

.sample {
-moz-border-radius:10px; /* all corners */
-moz-border-radius-topleft:15px; /* top left corner */
-moz-border-radius-topright:50px; /* top right corner */
-moz-border-radius-bottomleft:15px; /* bottom left corner */
-moz-border-radius-bottomright:50px; /* bottom right corner */
-moz-border-radius:10px 15px 15px 10px;  /* shorthand topleft topright bottomright bottomleft */
border:1px solid #fc0; /* border color, per usual */
}
[/html]

Kullanım ;

<div>Yaşasın açık kaynak yaşasın Firefox   </div>

Merhabalar arkadaşlar;

Bir web tasarımcının en büyük sıkıntılardan birisi tarayıcıların css kodlarını farklı okumalarıdır. Ve bu sıkıntı tasarımcıyı bir hayli sıkıntıya sokar. Bu sıkıntıyı şimdi ufak bir css yazılımı ile kökünden çözelim ve ziyaretçiler web sayfanızdaki düzeni her tarayıcıdan aynı şekilde görüntüleyebilsinler.

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {    margin: 0;    padding: 0;    border: 0;    outline: 0;    font-weight: inherit;    font-style: inherit;    font-size: 100%;    font-family: inherit;    vertical-align: baseline;}
:focus {    outline: 0;}
body {    line-height: 1;    color: black;    background: white;}
ol, ul {list-style: none;}
table {    border-collapse: separate;    border-spacing: 0;}
caption, th, td {    text-align: left;    font-weight: normal;}

Bu kodu css dosyanıza eklemeniz yeterli olucaktır.