10 Adet Ajax/CSS/HTML Forum Oluşturma Sitesi

Yazı Kategorisi Web Master, Web Siteler Yazar Murat Bütün Tarih 23-12-2011

Etiketler : , , , , , ,

Animasyonlu Css Butonları

Yazı Kategorisi Css, Web Master Yazar Murat Bütün Tarih 08-11-2011

Etiketler : , ,

JavaScript – Css | Renkli Menü

Yazı Kategorisi Proglama Yazar Murat Bütün Tarih 20-01-2010

Etiketler : , ,

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.

JavaScript - Css | Renkli Menü | indir (454)

CSS ile yuvarlak köşeler

Yazı Kategorisi Css Yazar Murat Bütün Tarih 07-12-2009

Etiketler : , ,

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>

Css Reset

Yazı Kategorisi Css Yazar Murat Bütün Tarih 29-11-2009

Etiketler : ,

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.