Blackinci » CSS » CSS Kısaltmaları Etki Yönü Nerelerdir
Üye Paneli


Give Me Everything

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

«    Şubat 2012    »
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
 


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)

CSS Kısaltmaları Etki Yönü Nerelerdir

CSS Kısaltmalarını bir çoğumuz biliyoruz peki bir çoğumuzun bilmediği Kısaltmaların etki yönleri nasıl çalışıyor bunu Bakalım

 

Üstteki resimde daha iyi anlatabilmek ve anlayabilmek için çizdim burada ki renkler le anlatım yapmaya çalışıcam
12 - Üst        
3 - Sağ         6 - Alt         9 - Sol
Renkleri olsunlar diyelimki bir kutumuz var ilk olarak tam kısaltmayı ele alalım
#etiket { padding: 12px 3px 6px 9px; }
bu kodda 4 değer yazdık peki bu yazdığımız değerler hangi yönleri etkiliyor renklere bakınca anlaşılması çok kolay aslında renklerden ziyade yönüde gördüğünüz gibi saat yönünde gidiyor yani saat 12 den başlıyoruz saat 9 da bitiriyoruz
1. değer = ÜST
2. değer = SAĞ
3. değer = ALT
4. değer = SOL

İkinci kısaltmada ise iki değerden oluşuyor şu şekilde
#etiket { padding: 20px 10px; }
bu kısaltmada ise ilk verdiğimiz değer ÜST ve ALT Bölgelerini etkiliyor İkinci Yazdığımız Değer ise SOL ve SAĞ Bölgelerini etkiliyor

Birde 3 lü değer var çok nadir kullanılıyor ama ondanda bahsedelim
#etiket { padding: 10px 20px 10px; }
burada ise ilk verdiğimiz değer ÜST bölgeyi ikinci verdiğimiz değer SOL ve SAĞ bölümlerini etkiliyor sonverdiğimiz değer ise ALT bölgeyi etkiliyor.
Bu padding kodu sadece bir örnekti arkadaşlar
bu yön değerleri coğu kodda aynıdır misal padding kodunun yanı sıra margin, 
border-width  gibi  kodlarda  da  aynıdır  sıralama değişmez.
Anlaşılır bir şekilde anlatmaya çalıştım umarım yarlı olur başka bir konuda görüşmek üzere hoşcakalın
14 Mart 2010 14:21 11blackinci demiş ki:
ilk verdiğimiz değer üst ve alt ikinci verdiğimiz değer sağ ve sol yönlerini etkiliyor

13 Mart 2010 22:18 10alper demiş ki:
#etiket { padding: 12px 3px 6px 9px; }


Olarak göstermişsiniz mesela. Birde, #etiket { padding: 20px 10px; } olarak göstermişsiniz. Şimdi alt üst falan olduğunu nasıl anlayacağız? 20px mesela üst, 10px alt, ama solda olamaz mı? Anlayamadığım konu bu kafam çok karıştı.

13 Mart 2010 21:09 9blackinci demiş ki:
alper,
tam olarak nerede takıldınız

13 Mart 2010 20:46 8alper demiş ki:
Özür dilerim gerçekten herşey açıklayıcı güzel fakat anlayamadım yinede. Bunu resimli örnekli falan gösterirmisiniz? Teşekkür ederim.

5 Kasım 2008 06:51 7ali veli demiş ki:
süper bir anlatım.. eline sağlık...

7 Ekim 2008 18:14 6Hsn demiş ki:
terrible kelimesini kullanıyorum daha basit geliyor :)

1 Nisan 2008 20:17 5ByResul demiş ki:
teşekkürler abi çok güzel olmuş siten css merak edilen ve az kişi tarafından bilindiği için bu site güzel bir kaynak olabilir.

31 Mart 2008 17:18 4blackinci demiş ki:
saat en güzel örnek hemde akılda kalıcı sağol

31 Mart 2008 00:53 3Baybars demiş ki:
Davut abi saat örneğine bayıldım gerçekten, ilk bakışta kavrayabilir insanlar. Çok anlatıcı olmuş. Eline sağlık.

30 Mart 2008 02:56 2blackinci demiş ki:
Öyle Olacak Heralde Basit ve sade bir şekilde anlatmaya çalışıyorum


Sessiz Kalma Sende Yorum Yap

Son Yapılan 10 Yorum
  • Konu
  • Yazar
  • Yorum
  • Üye Giriş Paneli Tasarımları
  • demiş ki 
  • İşime çok yaradı Saol arkadaşım
  • Üye Giriş Paneli Tasarımları
  • demiş ki 
  • çok teşekkürler kardeşim renk paylaşımları ve üye paneli paylaşımları işime yaradı sağol
  • MyBB için css ile alt forumları 2 blok h ...
  • demiş ki 
  • Selamlar
    Ben internete girmek icin firefox kullanmaktayim. Ancak internet explorerda birden cok sayfa actigimda firefox cokmekte. Bu tarz bir problemle karsilasan arkadaslar varsa ve bana yardimci olurlarsa cok sevinirim.
    Tesekkurler...
  • Üye Giriş Paneli Tasarımları
  • demiş ki 
  • yaa ben siteme uygulayamıyorum yardım edn lütfen sad
  • blackinci DLE Seri 1
  • demiş ki 
  • v2 yi bekliyoruz saygılar. winked
  • Css ile Aktif Menü Buton Yapımı
  • AsparagasHaber.net demiş ki 
  • İşime yaradı kullanacagım tesekkur ederım..
  • Css ile Aktif Menü Buton Yapımı
  • Agah demiş ki 
  • ÇOOOOOOOOOOOOOKKK SAĞOLUN EMEĞİNİZE SAĞLIK!!!!!!!!!!! smile
  • MyBB için css ile alt forumları 2 blok h ...
  • blackinci demiş ki 
  • Ceydaa_Gunactii,
    Ceyda hanım bilgisayarınızın windows update kısmından güncelleyebilirsiniz
  • MyBB için css ile alt forumları 2 blok h ...
  • demiş ki 
  • Yardim Lütfen
    internet explorerimi guncellemek istiyorum ancak bunu nasil yapacagimi bilemiyorum. Bu konuda bana yardimci olabilecek arkadaslar var mi acaba?
    simdiden tesekkurler.

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

Copyright © 2007 - 2011 DLE Blackinci Edition Seri 2