Ana Sayfa

Blackinci » CSS » CSS3 Kutu Elementlerine Gölge Verme Box-shadow
Üye Paneli

Kayıt Ol Şifremi Unuttum?


Give Me Everything

CSS Hayat İşte Genel Photoshop MyBB Temalar Özgür Yazım

«    Mart 2010    »
PtSaÇrPrCuCtPz
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 


blackinci.com da bir forum sayfası olsun mu?
Evet Olsun
Hayır Olmasın
Kararsızım
Fikrim yok

admin paneli, ajax, background, css, CSS3, dle, F1, form, forum, giris paneli, gölge, gölgeli yazı, highslide, iphone, md, mybb, mybbdestek, novaboard, oval, Seri 5, seri2, tasarim, tema, transform, vbulletin, Yarış, özellik

Eylül 2010 (4)
Ağustos 2010 (1)
Haziran 2010 (1)
Mart 2010 (4)
Şubat 2010 (2)
Ocak 2010 (1)
Makale Detayları
blackinci
1 Mart 2010
CSS
Yazdır
4043 Kez Okunmuş
9 Yorum Yapılmış
 (Oy Sayısı: 10)

Etiketler
css, gölge

Benzer Konular

CSS3 Kutu Elementlerine Gölge Verme Box-shadow


CSS3 Kutu Elementlerine Gölge Verme Box-shadow


CSS Makalelerini çok boşladım biliyorum ama vaktim olsa durmadan yazarım heralde CSS3 ü popüler tarayıcılar bütün kodları olmasada kısmen bazı kodları artık destekliyorlar yada yada desteklemeye çalışıyorlar bugun kutu modellerine gölge nasıl verilir bunu görücez.

Öncelikle Bir div layer oluşturalım adınıda "golgeli-kutu" koyalım

<div class="golgeli-kutu">
merhaba gölgeli kutu
</div>


Kutumuzu oluşturduk geçelim css kısmına

box-shadow: #555 0px 0px 8px;  
-moz-box-shadow: #555 0px 0px 8px;  
-webkit-box-shadow: #555 0px 0px 8px;  


Bu şekilde gölgemizi verdik kodumuzun nasıl işlediğini görelim

box-shadow: #555 0px 0px 8px;
box-shadow: renk | sol sağ | Yukarı Alt | Gölge Derinliği;

peki ya neden 3 satırlık kod yazdık evet aslında ilk satırdaki kod bütün işimizi görüyor ama CSS3 ü tarayıcılar yeni desteklemeye başladığı için haliyle tarayıcılara özel olarak kod yazıyoruz tabi bunu özellikle kasıtlı olarakta yazabiliriz ama zamanla bize ilk satırdaki kod yeterli olacaktır

-moz-box-shadow Gecko ailesi için özel olarak yazılmış bir kod birliğidir

-webkit-box-shadow Webkit ailesi için özel olarak yazılmış bir kod birliğidir

Demo
box-shadow.rar [43.38 Kb] (İndirme: 209)
14 May 2012 03:45 9kahraman demiş ki:
çok sağol üstad çok güzel anlatım olmuş. :)
4 Nisan 2011 12:33 8Savaş demiş ki:
Çok Sağolasıınız bully
28 Mart 2010 19:33 7CraCkEr-16 demiş ki:
Teşekkürler
9 Mart 2010 13:24 6Palyaço demiş ki:
Tşekkür ederim Blackinci yeni temalarda kullanmayı düşünüyorum emeğine sağlık.
4 Mart 2010 23:34 5Abdurrahman Mert demiş ki:
ie amcam yine reddedmiş :)
2 Mart 2010 18:59 4blackinci demiş ki:
Ben teşekkür ederim nedemek
yazmamışmıyım ben z-indexi sanki yazdım gibi geliyor bana ama yanlışta hatırlıyor olabilirim
2 Mart 2010 17:37 3Nuh demiş ki:
Paylaşımlarınız Gerçekten Güzel Oluyor Ellerinize Sağlık
2 Mart 2010 11:39 2Doğuhan Fidan demiş ki:
Paylaştığınız bu güzel bilgi için teşekkür ederim. Tasarımlarımda artık bunu kullanacağım. Gerçekten göze hoş geliyor. Tekrardan teşekkür ederim.
2 Mart 2010 06:41 1SoniQuake demiş ki:
Anlatım için teşekkürler. Ben alternatif olarak Firefox'un yanında Opera da kullanıyorum. Opera, text-shadow özelliğini destekliyor ancak box-shadow özelliğini desteklemiyor sanırım henüz.

İlerleyen günlerde z-index anlatımı da yapabilir misin?

Sessiz Kalma Sende Yorum Yap

Son Yapılan 10 Yorum
  • Konu
  • Yazar
  • Yorum
  • CSS3 Kutu Elementlerine Gölge Verme Box ...
  • demiş ki 
  • çok sağol üstad çok güzel anlatım olmuş. :)
  • Blackinci Seri 5 MyBB teması
  • blackinci demiş ki 
  • tamer,
    Resim görebilirsem daha yardımcı olurum
  • Blackinci Seri 5 MyBB teması
  • tamer demiş ki 
  • hocam temanın çok başarılı fakat saol taraf boşlukda sosyal medya yazısı çıkıyor bunu nasıl kaldırabilirim
  • Css ile Aktif Menü Buton Yapımı
  • blackinci demiş ki 
  • Webmaster,
    Ben daha önce bir defa mybb için ücretli tema hazırladım ama hiç satmadan tekrar ücretsiz olarak dağıttım şuan için soruyorsanız mybb yi bıraktım... başka bir forum sistmei ile ilgileniyorum.
    Kendiniz bir fiyat biçmek adına bilgi edinmek için soruyorsanız bu yaptığınız grafiklere, yazdığınız kodlara ve harcadığınız emeğe göre değişir ama şuan için ücretli tema yapmanızı tavsye etmem zira mybb nin vbulletin gibi ücretli olacağı dedikoduları dolaşıyor eğer bu gerçekleşirse işte ozaman güzel olur ve ücretli temaların önü açılmış olur ozaman daha rahat ve güvenilir tema hazırlayıp satabilirsiniz iyi günler.
  • Css ile Aktif Menü Buton Yapımı
  • Webmaster demiş ki 
  • Merhabalar
    Blackinci MyBB temalarını ücretli olursa ne kadar ücrete hazırlıyorsunuz? Buradan belirtirseniz sevinirim
    İyi günler
  • Css ile Aktif Menü Buton Yapımı
  • blackinci demiş ki 
  • Kadir Kaya,
    Bedava forum sistemi sunun sitelerin sistemi nasıl işliyor bilemiyorum ama gözükmemesi normaldir bu tür siteler çok kısıtlı çalışırlar.
  • Css Balon Büyüyen Menü
  • demiş ki 
  • Facebook un tasarımı senin sitenin tasarımının yanında halt yemiş hatta dünyanın bütün siteleri halt yemiş smile
  • Css ile Aktif Menü Buton Yapımı
  • demiş ki 
  • Usta emeğine sağlık ama tr.gg sitelerinde ve jindo.com sitelerinde çalışmıyor hatta hiç gözükmüyor niye anlayamadım.
  • Blackinci vBulletin Teması Seri 1
  • demiş ki 
  • Saol Güzel :)

Yukarı İletişim RSS Takip İstatistikler Site İçeriği

Copyright © 2007 - 2011 DLE Blackinci Edition Seri 2