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

Kayıt Ol Şifremi Unuttum?

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

«    Eylül 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
 

MyBB için css ile al... Blackinci Seri 4 MyB... Blackinci Seri 5 MyB...

2. Versiyon Temasını Nasıl Buldunuz?
Mükemmel
Çok İyi
İyi
Eh İşte
Beğenmedim

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

Eylül 2010 (2)
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
1327 Kez Okunmuş
7 Yorum Yapılmış
 (Oy Sayısı: 8)

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: 97)
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
  • Blackinci Seri 4 MyBB İphone Teması
  • orkun19 demiş ki 
  • ellerine sağlık arkadaşım telefon sitesi olanlara bire bir.
  • Blackinci Seri 5 MyBB teması
  • demiş ki 
  • Kaç zamandır yazacaktım bir türlü nasip olmadı,demek ki bu güne nasipmiş.
    Her zaman olduğu gibi yine başarılı bir tasarıma imza atmışsınız,sizi canı gönülden kutlarım Davut bey.

    Ayrıca temanız şu adreste yayınlanmıştır bilginiz olsun.
    http://www.mybbgrup.com/blackinci-seri-5-mybb-1-6-temasi-t-1170.html
  • Üye Giriş Paneli Tasarımları
  • blackinci demiş ki 
  • ALeeNN,
    Bu genel olarak yapılmış bir üye giriş paneli tasarımı. Siz bunu istediğiniz scripte monte edebilirsiniz yapmanız gereken mevcut inputlara ve butona
    1- Class isimlerini eklemek
    2- Grafikleri Uygun yere aktarmak
    3- CSS kodlarını eklemek
    bu kadar yani bunu birazcık web le uğraşan bir çok kişi zorlanmadan yapabilir
  • Blackinci Seri 5 MyBB teması
  • demiş ki 
  • Yine Harika Bir Tasarim olmus. Eline Saglik. :)
  • Üye Giriş Paneli Tasarımları
  • ALeeNN demiş ki 
  • Hocam herşey çok güzel ama bunun mybb'ye uyarlanmışını bizler yapamadık. Sizde vermemişsiniz. Onun içinde mybb'de bunu kullanamıyorum. Eğer mümkünse birde 1. giriş şeklinin mybb'ye uyarlanmış halini verebilirmisiniz????
  • Blackinci Seri 5 MyBB teması
  • demiş ki 
  • Teşekkrüler hocam Bu siteyi bilmiyordum deniyeceğim winked
  • Blackinci Seri 5 MyBB teması
  • blackinci demiş ki 
  • Cracker-16,
    Çok İstiyosanız kullanın ama ben o arka planı bgpatterns sitesinden yaptım dilerseniz siz kendiniz için yapabilirsiniz
  • Blackinci Seri 5 MyBB teması
  • demiş ki 
  • Hocam Çok Güzel Bir Tema Yapmışsınız Ellerinizie Sağlık.Bu arada Arkaplanını Başka Temalarda Kullanmamıza İzin Verirmisiniz?
  • Blackinci Seri 5 MyBB teması
  • demiş ki 
  • Elinize sağlık harika bir tema olmuş wink

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

Copyright © 2007 - 2010 DLE Blackinci Edition Seri 2