2010-11 YGS-LYS maratonundan dolayı blog yazarı Ali BARIN yani ben pek bi pasif durumdayım. Bu yüzden blogda sık sık yeni yazılar daha doğrusu yeni yazı göremeyeceksiniz. Bu yüzden siz blogdaki eski yazılara yorum yapıp blogu canlı tutmaya çalışın. :P Hoşçakalın, görüşmek üzere. :)

Ağustos 11th, 2009 | Ali BARIN | (x)HTML - Css | 3 Yorum |

CSS Sıfırlamak için HTML nin 5 den önceki sürümlerinde Eric MEYER `in yazmış olduğu reset.css adlı dosyayı veya

*{margin:0;padding:0;}

kod bütününü kullanıyorduk. HTML 5 `in çıkmasıyla birlikte yeni etiketler ve özellikler gelince tarayıcılarda farklı farklı görüntüler oluşmaya başladı. Bunlara neden olan stil ayarlarını -CSS (Cascading Style Sheet)- sıfırlamak için bir stil sayfası oluşturmuşlar. İşte karşınızda html5doctor.com dan bir yazarın yazdığı Eric Meyer CSS sıfırlama tekniği tabanlı stil dosyası. … (devamı var)

Mayıs 12th, 2009 | Ali BARIN | (x)HTML - Css, Siteler | 5 Yorum |

Bu akşam facebookta biraz gezerken Salih Demir abimizin bir bildirisini gördüm. Bildiri aynen böyleydi;

Facebook ta konamicode kullanmış :D şu tuş kombinasyonlarını kullanın lütfen. yukarı ok yukarı ok aşağı ok aşağı ok sol ok sağ ok sol ok sağ ok B A tuşlarına hızlıca basıp enter tuşuna basın. yazı yazarken ve fare tıklamalarındaki efekti görün.

Bende yazan tuş kombinasyonunu uyguladım. Ardından fare ile bir yere tıklayınca veya yazı yazınca çok güzel efektler gözükmeye başladı. (:
Kombinasyon: yukarı, yukarı, aşağı, aşağı, sol, sağ, sol, sağ, b, a, enter

Ekim 25th, 2008 | Ali BARIN | (x)HTML - Css | 5 Yorum |

Sonunda başka bir CSS konusu ile karşınızdayım. Bu yazıda size CSS yardımı ile herhangi birşeyi sabitlemeyi anlatıcam ki bu bana göre işinize
baya bi yarayabilicek birşey. Bu aralar bir site yapmaya çalışıyordum, çalıştım ve yaptım (: Bu sitede menünün en altta olmasını ve ekran oynarken
hep bizle gelmesini istiyordum. Haliyle bu javascript ile yapılabilirdi fakat ben css ile ve rahat bi yöntemle istiyordumki istediğimi buludm.
Position:fixed; bottom:0; left:0; kodları ile istediğimi yaptım. Şimdi sıra bunu size göstermekte.

… (devamı var)

Ağustos 28th, 2008 | Ali BARIN | (x)HTML - Css | Yorum yok |

Merhaba bir önceki yazımızda size genel boyutlandırma hakkında bilgi vermiştim. Şimdi ki yazıda ise size minimun yani en az boyutlandırma hakkında bilgi vericeğim. Gelin yine örnek bir anlatım ile başlıyalım işimize.. Mesela bir xhtml – css tema tasarlıyoruz ve temamızın bir bölümünde içerik olmadığı için boyu küçük yani kısa oluyor. Ve temamızın geri kalan alt kısmı bozuk gözüküyor. Fakat o bölümü içerik ile doldurduğumuzda ise görüntü gayet düzgün ve güzel. Siz o içerik olmayınca küçük olan bölüme min-height ve min-width değerleri atıyorsunuz. Örneğin; min-height:500px; değerini atadığınızda o bölümün içi boş olsa bile 500px boyutunda gözükücektir. Çünkü biz onun minimum boyutunu 500px olarak ayarladık.. … (devamı var)

Ağustos 19th, 2008 | Ali BARIN | (x)HTML - Css | 1 Yorum |

Merhaba bu yazımda size css de en çok kullandığımız kodlardan birini anlatacağım. Bunlar width ve height kodlarıdır. Bu kodlar sayesinde elementimizi veya resmimiz ( çoğu şeyi ) boyutlandırabiliyoruz. Örneğin; resmimiz 1024×768 px boyutunda ise bunu bu kodlar sayesinde 640×480 px boyutunda gösterebiliriz. Gelelim nasıl uygulayacağımız. … (devamı var)

Temmuz 31st, 2008 | Ali BARIN | (x)HTML - Css | 10 Yorum |

Wö First xHtml – Css teması.. Temayı şimdi wordpress teması olarak yayınlamak isterdim fakat artık yarına kaldı.. Olsun yinede temanın normal xhtml – css versiyonunuda yayınlamak bi marifet olsa gerek. Tema ne kadar güzel olmasada yayınlamak istedim. Bakarsınız birisi kullanır. :D … (devamı var)

Temmuz 20th, 2008 | Ali BARIN | (x)HTML - Css | Yorum yok |

Bu yazımızda css yardımı ile resimlerimize, div, table veya kenarlık atana bilen herhangi bir elementimize kenarlık atamayı anlatıcağım. Kenarlık atamak için css de border kodu kullanılır. İstersek elementin hertarafına kenarlık verebiliriz. Veya istersek istediğimiz yerlerine kenarlık verebiliriz. Bütün resimlerimizin hertarafına kenarlık verebilmek için aşağıdaki kodumuzu inceliyelim. … (devamı var)

Temmuz 13th, 2008 | Ali BARIN | (x)HTML - Css | 3 Yorum |

Merhaba, bu yazımızda html sayfamızda elementimizi nasıl ortalıcağımızı öğrenicez. Eski çağ html ile element ortalamamızı “aling=center” ile yapardık. :) Şimdi ise size CSS ile nasıl yapıldığını göstericeğim. İlk önce sayfamızda hangi elementimizi ortalıcağımıza karar veriyoruz. Ben örnekte sayfa id li div elementimizi ortalıcam. Siz de hangi elementi ortalamak istiyorsanız o elemente uygulayabilirsiniz. … (devamı var)

Temmuz 9th, 2008 | Ali BARIN | (x)HTML - Css | Yorum yok |

Merhaba yine ben. Benden bıktınız biliyorum ama napabilirim başka yazarımız yok. Bir yazar daha bulana kadar benden çekiceğiniz var. :p Her neyse yazıyı konusundan saptırmayalım. Bu yazımda size herhangi bir html sayfamızda sistem fontları hariçi fontların nasıl kullanılıcağını göstericem. … (devamı var)

Haziran 18th, 2008 | Ali BARIN | (x)HTML - Css | Yorum yok |

CSS background (arkaplan) özelliği html sitemizde istediğimiz çoğu kodda kullanabiliceğimiz bir özelliktir. Background’ın tamtamına bildiğim 5 tane özelliği var. Bunlar;

  • Background-image
  • Background-color
  • Background-attachment
  • Background-repeat
  • Background-position

… (devamı var)