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.

Benzer Yazılar :

1. Gmail’e İmzanızı Koyma
2. CSS ile yuvarlak köşeler
3. Css Reset
4. Mobil Cihazlarla Uyumlu WordPress Teması
5. Şık pagination Psd (3 renk)

[html]
.element    { position:fixed; bottom:1%; right:1%; padding:10px; font-family:Arial; background:#fffea1; border:1px solid #fc0; }
[/html]

Kullanım ;

<div>Sabit alan</div>

Benzer Yazılar :

1. CSS ile yuvarlak köşeler
2. Css Reset
3. Internet Explorer 6′daki PNG sorununu çözmek
4. Arka Plan Sabitleme
5. WordPress Sanal Klavye

[html]
#resim {
width: 200px;
height: 75px;
background-image: url(images/logo.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/logo.png’, sizingMethod=’scale’);

}
[/html]

yukarıdaki kodları kendi png dosyanıza göre düzenleyip kullanabilirsiniz

Kullanım ;

<div id="resim"></div>

Benzer Yazılar :

1. Arka Plan Sabitleme
2. Markalar İcon Seti
3. Css Reset

[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>

Benzer Yazılar :

1. Css Reset

<style type=”text/css”>

<!–

body {

background-image: url(“resim.jpg”);

background-attachment: fixed;

margin: 0px;

}

–>

</style>

Benzer Yazılar :

1. Css Reset

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ı