Osman ERDOĞAN

Div içindeki resimleri otomatik boyutlandırma (image auto resize)

Normalde fikir olarak PHP içinde preg_match ile yapmayı düşünmüştüm mesaj içindeki resimlerin boyutlandırmasını fakat arayış içerisindeken (google da ara ara bişey çıkmıyor), css stili ile yapılabileceğini buldum ki çok mantıklı yapılabiliyor (bu özelliği biliyorum ama o an insanın aklına gelmiyorki yok preg_match yok php vs vs…) Neyse öncelikle varsayım olarak bir div tagimiz var diyelim adı [...]

Yazının Devamını...

Web Tasarım Kaynakları

  CSS Eğitim Kaynakları W3Schools CSS Tutorial CSS Beginner Guide CSS Intermediate Guide CSS Advanced Guide Complete CSS guide html.net CSS tutorials Creating a CSS layout from scratch CSS Style Beginner’s Guide to CSS CSS Creator CSS Galeri Kaynakları CLD Web Gallery CSS Beauty CSS Play CSS Vault CSS Drive CSS Import CSS Remix CSS Heroes CSStux CSS Based Best Web Gallery Flickr - Web Design Inspiration Designer Source Stationary Style CSS Mania CSS Flash Web Design Gallery Unmatched Style CSS Hazard CSS Collection CSS Elite Screenalicio.us CSS Boom Web Creme CSS-Website CSS Garden CSS Artillery CSS [...]

Yazının Devamını...

CSS Flyout Menu

CSS Wizardry sitesinde dolanırken gördüm çoğu kişinin işine yarayacak bir menü. Hem dropdown menü hemde vertical drop menü şeklinde kullanabilirsiniz. HTML kodları ve CSS Style dosyasını buradan indirebilirsiniz.

Yazının Devamını...

CSS deki nesneler ve tüm özellikleri

CSS uzun uzun uzayıp gidiyor sürekli gelişiyor sürekli kullanılıyor. Herkese referans olabilecek geniş bir kaynak her nesne tek tek açıklanmış. Html Dog‘da bulunan CSS Properties bölümünden ulaşabilirsiniz. Aklınıza takılan bir bölüm olursa iletirsiniz, yardımcı olmaya çalışırım.

Yazının Devamını...

Ajax kullanmadan resimlere loading eklemek

Genelde görürüz resme tıklarız veya resim açılırken “loading” bölümleri gelmektedir. Ajax’ı kullanmak istemeyenler için değişik bir yöntem. Tamamen CSS ile yapılmıştır inceleyince anlayacaksınızdır. loading dosyası:  <img title="Image" src="image.jpg" alt="The image" width="400" height="300" /> img { background-color: #FFFFFF; background-image: url(loader.gif); background-repeat: no-repeat; background-position: center center; }

Yazının Devamını...