Osman ERDOĞAN » CSS

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

Osman ERDOĞAN — Fri, 03 Oct 2008 15:31:18 +0000

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ı da "mesajici" olsun:

PLAIN TEXT

HTML:

id="mesajici">
src="resim/resim1.jpg">
src="resim/resim2.jpg">
src="resim/resim3.jpg">

Buradaki style bölümünde css kodlarımızı yazıyoruz ve max-width: maximum genişlik; max-height: maximum yükseklik anlamındadır.

Tekrar söylüyorum ben div id olarak mesajici verdim sizin scriptlerinizde sitelerinizde ne olur bilemem ona göre düzenleyebilirsiniz.

Kolay gelsin.

Web Tasarım Kaynakları

Osman ERDOĞAN — Thu, 11 Sep 2008 12:45:27 +0000

CSS Eğitim Kaynakları

CSS Galeri Kaynakları

Stock Photography | Ücretsiz Kaynaklar

Font Kaynakları | Ücretsiz

Vektör Grafik Kaynakları

Flash Kaynakları

Ajax Kaynakları

Javascript Kaynakları

Magic ToolBox - JavaScript and Flash cross-browser tools to make your website look fantastic.

Photoshop Dersleri

Photoshop Brushları

Photoshop Texture Paketleri

Mayang’s Free Texture Library

Tasarım / Webmaster Forumları

CrazyLeaf Design Forum - Web Design and Graphic Design Blog providing news and resources for beginners and advanced designers, coders, photographers and graphic artists.
Estetica Design Forum
Designers Talk
iPhotoshop Forums
Talk Freelance
HTML Forums
Digital Point Forums
kirupaForum
Webmaster-Talk

Tasarım Dergileri

Tasarım Blogları

SEO Kaynakları

Matt Cutts’s Blog
SEOmoz - SEOmoz is a hub for the search marketing industry, providing an SEO Services Marketplace, a popular SEO Blog, SEO Tools and premium content.
SEO Evaluation Tool - Free Website SEO Evaluation Tool

Ücretsiz WordPress Temaları

WPthemesfree.com - Free WordPress themes website.

Kaynak: crazyleafdesign

CSS Flyout Menu

Osman ERDOĞAN — Thu, 04 Sep 2008 17:59:24 +0000

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.

CSS deki nesneler ve tüm özellikleri

Osman ERDOĞAN — Thu, 14 Aug 2008 22:21:40 +0000

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.

Ajax kullanmadan resimlere loading eklemek

Osman ERDOĞAN — Sat, 09 Aug 2008 01:42:37 +0000

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 {
background-color: #FFFFFF;
background-image: url(loader.gif);
background-repeat: no-repeat;
background-position: center center;
}