KALBİNİZDEN SEVGİYİ ASLA ÖLDÜRMEYİN

Japonya'da yaşanmış gerçek bir olay şöyledir: Evini yeniden dekore ettirmek isteyen Japon bunun için bir duvarı yıkar. Japon evlerinde genellikle iki tahta duvar arasında çukur bir boşluk bulunur. Duvarı yıkarken, orada dışardan gelen bir çivinin ayağına battığı için sıkışmış bir kertenkele görür. Adam bunu gördüğünde kendini kötü hisseder ve aynı zamanda meraklanır da kertenkelenin ayağına çakılmış çiviyi görünce.

Muhtemelen bu çivi 10 yıl önce, ev yapılırken çakılmıştı. Peki nasıl olmuş da kertenkele bu pozisyonda, hiç kıpırdamadan 10 yıl boyunca yaşamayı başarmış ? Karanlık bir duvar boşluğunda hiç kıpırdamadan 10 yıl boyunca yaşamak çok zor olmalı.

Böylece adam çalışmayı bırakır ve kertenkeleyi izlemeye başlar. Sonra nereden çıktığını farke demediği başka bir kertenkele gelir ağzında taşıdığı yemekle... Adamı sersemletir gördüğü manzara. Bu nasıl bir sevgi? Ayağı çivilenmiş kertenkele, 10 yıldır diğer kertenkele tarafından beslenmektedir..

KALBİNİZDEN SEVGİYİ ASLA ÖLDÜRMEYİN, SİZİ SEVENLERİ ASLA TERKETMEYİN.

HERKESE MUTLU SAĞLIKLI VE BAŞARILI YILLAR DİLERİM.

Read More

CSS SCROLLBAR

CSS SCROLL BAR ÖZELLİKLERİ

scrollbar-face-color : Kaydırma çubuğunun yüzey rengi , aynı zamanda zemini de etkiliyor.

scrollbar-base-color : Kaydırma çubuğununun sol ve üst kenarlıklarını çizgi halinde kaplıyor..

scrollbar-shadow-color : Sağ ve alt kenarlıkların gölge rengi.

scrollbar-highlight-color: Sol ve üst kenarlıkların gölge rengi,aynı zamanda zemini de etkiliyor.

scrollbar-arrow-color : Yön oklarının rengi.

UYGULAMA

Read More

CSS TABLO

CSS TABLO ÖZELLİKLERİ

margin : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.

margin-top : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.

margin-right : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.

margin-bottom : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.

margin-left : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.


padding : Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.

padding-top : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

padding-right : Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

padding-bottom : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

padding-left : Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.


border : Tablonun kenarlarının şekillendirilmesini sağlar.

border-top : Tablonun üst kenarının şekillendirilmesini sağlar.

border-left : Tablonun sol kenarının şekillendirilmesini sağlar.

border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar.

border-right : Tablonun sağ kenarının şekillendirilmesini sağlar.


border-width : Tablonun kenarlarının kalınlığını belirler.

border-top-width : Tablonun üst kenarının kalınlığını belirler.

border-right-width : Tablonun sağ kenarının kalınlığını belirler.

border-bottom-width : Tablonun alt kenarının kalınlığını belirler.

border-left-width : Tablonun sol kenarının kalınlığını belirler.


border-styleTablonun kenarlık türünü belirler.

border-top-styleTablonun üst kenarlık türünü belirler.

border-right-styleTablonun sağ kenarlık türünü belirler.

border-bottom-styleTablonun alt kenarlık türünü belirler.

border-left-styleTablonun sol kenarlık türünü belirler.


border-color : Tablonun kenarlarının rengini belirler.

border-top-color : Tablonun üst kenarının rengini belirler.

border-right-color : Tablonun sağ kenarının rengini belirler.

border-bottom-color . Tablonun alt kenarının rengini belirler.

border-left-color : Tablonun sol kenarının rengini belirler.


color : Tabloda geçen metnin rengini belirler.

width : Tablonon genişliğini belirler.

height : Tablonun yüksekliğini belirler.

clear

float

NOT : Başlık "TABLO" olarak verildi Ancak bu nitelikler başta TD , TR , TH vs. olmak üzere hemen her etiket için kullanılabilir.CSS' yi özel kılan da zaten bu...

NOT:Yukarıda görüldüğü gibi kenarlıklar istenirse tek bir paramatre ile veya daha ayrıntılı bir şekillendirme yapmak istiyorsak birden çok parametre ile şekillendirilebilir.Örneğin bütün kenarlar için aynı ayarların (Renk , kalınlık , kenarlık türü) kullanılmasını istiyorsak : " border : 1px solid black " şeklinde bir defada biçimlendirme yapabiliriz. Ayrıntılı biçimlendirme içinse üst , sağ, alt ve solun renk , kalınlık ve kenarlık türü için ayrı ayrı parametreler kullanılabilir.

UYGULAMA-1

UYGULAMA-2

Read More

CSS BACKGROUND

CSS BACKGROUND ÖZELLİKLERİ

background-color: Zeminin rengini belirler.

#color : Renk adı.

transparent: Zeminin saydam olmasını sağlar.

background-image: Zemine resim yerleştirilmesini sağlar.

url : Zemine yerleştirilen resmin adresi.

background-repeat: Zemine yerleştirilen resmin nasıl yayılacağını belirler.

repeat : Resmin bütün zemine yayılmasını sağlar.

repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.

repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.

no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.

background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.

scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.

fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar

background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.

top : Resmi yukarı yerleştirir.

center : Resmi ortalar.

bottom : Resmi aşağı yerleştirir.

left : Resmi sola yerleştirir.

right: Resmi sağa yerleştirir.

...px : Resmin soldan istenilen ölçüde içerde olmasını sağlar.

UYGULAMA

Read More

CSS İMLEÇ

crosshair : İmlecin artı işareti şeklinde olmasını sağlar.

auto : İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.

default : İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını saılar.

hand : İmlecin linkte olduıu gibi el şeklinde olmasını sağlar.

move : İmlecin taşıma işareti şeklinde olmasını sağlar.

ne-resize : İmlecin sağa yatık normal ok olmasını saılar.

nw-resize : İmlecin sola yatık normal ok olmasını saılar.

se-resize : İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.

sw-resize : İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.

n-resize : İmlecin aşaığıdan yukarıya doğru ince ok şeklinde olmasını sağlar.

s-resize : İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.

w-resize : İmlecin sola doğru ince ok şeklinde olmasını sağlar.

e-resize : İmlecin sağa doğru ince ok şeklinde olmasını sağlar.

text : İmlecin hem metinde hem de boş alanda metinde olduıu gibi görünmesini saılar.

wait : İmlecin meşgul animasyonuna dönüşmesini saılar.

help : İmlecin yardım - soru işaretine dönüşüm 

CSS IMLEC UYGULAMA 

Read More

CSS TEXT

CSS TEXT ÖZELLİKLERİ

word-spacing : Kelimeler arasında bırakılacak boşluğu boşluğu belirler.

letter-spacing : Harfler arasında bırakılacak boşluğu boşluğu belirler.

text-decoration : Kelimenin altının , üstünün vs. çizili olup olmayacağını belirler.

underline : Kelimenin altının (Satır altından) çizili olmasını sağlar.

overline : Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar.

line-through : Kelimenin ortasından çizili olmasını sağlar.

blink : Kelimenin yanıp sönmesini sağlar.(Netscape için)

vertical-align : Metnin yatay olarak nasıl hizalanacağını belirler.

text-transform: Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar.

capitalize : Kelimelerin ilk harflerinin büyük olmasını sağlar.

uppercase : Kelimelerin bütün harflerinin büyük olmasını sağlar.

lowercase : Kelimelerin bütün harflerinin küçük olmasını sağlar.

none : Kelimelerin orjinal metindeki gibi olmasını sağlar.

text-align: Metnin dikey olarak nasıl hizalanacağını belirler.

left : Metni sola yaslar.

right : Metni sağa yaslar.

center : Metni ortalar.

justify : Metni iki yana yaslar.

text-indent : Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler.

line-height : Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)

first-line : Metnin ilk satırının biçimlendirilmesini sağlar.

first-letter : Metnin ilk harfinin biçimlendirilmesini sağlar.

CSS TEXT UYGULAMA-1
CSS TEXT UYGULAMA-2

Read More

CSS FONT

CSS FONT ÖZELLİKLERİ

Font-Family: Yazı türünü belirler.(Arial , Verdana gibi.).

Font-Style: Yazının normal veya sağa eğik olmasını sağlar.

Font-Variant: Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.

Font-Weight: Yazının kalınlık-inceliğini belirler.

Font-Size: Yazının büyüklüğünü belirler.

CSS FONT UYGULAMA

Read More