Forumlar
Yeni Mesajlar
CerezExtra
EĞLENCE ↓
Şans Kurabiyesi
Renk Falınız
ÇerezRADYO
Sevgiliye Özel
ÇerezDERGİ
Hızlı Okuma Testleri
Pratik Çözümler
Yeniler
Yeni Mesajlar
Yeni ürünler
Yeni kaynaklar
Son Aktiviteler
İndir
En son incelemeler
Dükkan
Giriş
Kayıt
Yeniler
Yeni Mesajlar
Menu
Giriş
Kayıt
Uygulamayı yükle
Yükle
Merhaba
Ziyaretçi
.
"Yapay Zeka Objektif " Fotoğraf Yarışması başladı. İlgili konuya
BURADAN
ulaşabilirsiniz. Sizi de bu yarışmada görmek isteriz...
Forumlar
Bilgisayar & Cep & Teknoloji
WebMaster Bölümü
CSS ile Graident Background
JavaScript devre dışı bırakıldı. Daha iyi bir deneyim için, devam etmeden önce lütfen tarayıcınızda JavaScript'i etkinleştirin.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Konuya cevap yaz
Mesaj
<blockquote data-quote="YoRuMSuZ" data-source="post: 322457" data-attributes="member: 1"><p>CSS kullanarak graident background (arkaplan) hazırlayabilirsiniz. Ancak tarayıcılar arasında maalesef kodları okumak için bir standart yok. Aşağıdaki CSS kodlarında her tarayıcı için graident background kodları mevcut... Safari de tek renk çalışıyor.</p><p></p><p>Küçük bir uygulama yapalım.</p><p></p><p>Aşağıdaki kodları <strong>index.htm</strong> adı ile bir klasöre kaydedin.</p><p>[CODE]<html></p><p><head></p><p><meta http-equiv="Content-Type" content="text/html; charset=windows-1254"></p><p><link rel="stylesheet" href="style.css" type="text/css" media="screen" /></p><p><title>Graident</title></p><p></head></p><p><body></p><p></body></p><p></html>[/CODE]</p><p></p><p>Aynı klasörde <strong>style.css</strong> adında bir dosya oluşturup içine alttaki kodları ekleyin.</p><p>[CODE]body { </p><p> /* Opera */</p><p> background: #74A3C3;</p><p> /* Mozilla: */</p><p> background: -moz-linear-gradient(top, #74A3C3, #000000);</p><p> /* Chrome, Safari:*/</p><p> background: -webkit-gradient(linear,</p><p> left top, left bottom, from(#74A3C3), to(#000000));</p><p> /* MSIE */</p><p> filter: progid:DXImageTransform.Microsoft.Gradient(</p><p> StartColorStr='#74A3C3', EndColorStr='#000000', GradientType=0);</p><p>}[/CODE]</p><p></p><p>Sonuç:</p><p><img src="http://i54.tinypic.com/984sjo.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p></blockquote><p></p>
[QUOTE="YoRuMSuZ, post: 322457, member: 1"] CSS kullanarak graident background (arkaplan) hazırlayabilirsiniz. Ancak tarayıcılar arasında maalesef kodları okumak için bir standart yok. Aşağıdaki CSS kodlarında her tarayıcı için graident background kodları mevcut... Safari de tek renk çalışıyor. Küçük bir uygulama yapalım. Aşağıdaki kodları [B]index.htm[/B] adı ile bir klasöre kaydedin. [CODE]<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <title>Graident</title> </head> <body> </body> </html>[/CODE] Aynı klasörde [B]style.css[/B] adında bir dosya oluşturup içine alttaki kodları ekleyin. [CODE]body { /* Opera */ background: #74A3C3; /* Mozilla: */ background: -moz-linear-gradient(top, #74A3C3, #000000); /* Chrome, Safari:*/ background: -webkit-gradient(linear, left top, left bottom, from(#74A3C3), to(#000000)); /* MSIE */ filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#74A3C3', EndColorStr='#000000', GradientType=0); }[/CODE] Sonuç: [IMG]http://i54.tinypic.com/984sjo.jpg[/IMG] [/QUOTE]
Alıntıları ekle...
İsim
Spam kontrolü
Turizmin başkenti olarak bilinen güneydeki ilimiz?
Cevapla
Forumlar
Bilgisayar & Cep & Teknoloji
WebMaster Bölümü
CSS ile Graident Background
Top