Murat Bütün » Css

Css ile flash animasyon tadında butonlar yapmak istiyorsanız sizlere şu örneği gösterebilirim. Bu çalışmada yapımcı css ve javascripti ile uğraşan arkadaşların hedeflerini de yükseltiyor. Ben Firefox ve Chrome’da test ettim ve sorunsuz bir şekilde çalıştı. Çalışmanın kaynak kodlarını burada bulabilirsiniz.

JavaScript – Css | Renkli Menü

Murat Bütün — Wed, 20 Jan 2010 10:20:44 +0000

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

Murat Bütün — Mon, 07 Dec 2009 10:33:49 +0000

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 ;

Yaşasın açık kaynak yaşasın Firefox

Css Reset

Murat Bütün — Sat, 28 Nov 2009 23:07:20 +0000

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.

Benzer Bir Yazı Bulunamadı