otomatik Resim Boyutlandırma Css Kullanarak

22-02-2008, 16:55:00

Üyeliği durduruldu

Biraz önce arkadşa sordu genel bir cevap olması için burayayazıyorum.

Şimdi ilk önce temamızın index.php sine giriyoruz.
Orada bu "devamını oku" kısmı ve konunun gösterildiği kodu içine alan css tanımımıza bakıyoruz.

Örneğin bende:

<div class="konugovdesi"><?php the_content('[Devamını Oku Bakalım...]'); ?></div>

yani bende konunun içeriği .konugovdesi ile tanımlı divde mevcut.

Şimdi css dosyamıza geliyoruz. css dosyamızda yeni bir div oluşturuyoruz.
daha doğrusu bu div'in resim için olanını yapacağız.
onuda şöyle
.konugovdesi div'inin bitimine ".konugovdesi img " divini oluşturuyoruz. burada

burada mesela 300 * 250 olarak çıkmasını istiyorsak resimlerimizin

.konugovdesi img {
                   width: 300px;
                   height: 250px;

 }

böylece tüm resimler 300*250 ebatlarında görülür. Tüm resimler

Şimdi ben böyle kullandım kendi günlüğümde oldu ama tek sorun smileylerinde böyle görülmesi idi. Bundan ötürü eski haline çevirdim ama isteyenler kullanabilir. Bu arada anlatım biraz dengesiz oldu. Pek makale yazmasını bilmem türkçe'de kıt olunca anca bu kadar...

06-03-2008, 18:07:10

#2

hayaldunya

anlamadım ben bunu

daha ayrıntılı anlatma imkanın varmı

06-03-2008, 20:40:38

#3

winnt

Kimlik doğrulama veya yönetimden onay bekliyor.

Alıntı

#content img.wp-smiley {
width: 16px;
height: 16px
}

#content img.wp-wink {
width: 16px;
height: 16px
}

smiley ve wink ön tanımları. bunları style.css'e ekleyince bi problem olmaz sanırım.

07-03-2008, 02:08:25

#4

shaltr.com

Kimlik doğrulama veya yönetimden onay bekliyor.

smiley lar zaten ayrı çağrılıyor, sen bir satır daha yazarak çözersin, bende kullandığım bir temada smiley lar border ile çıkıyordu kıl olmuştum bi satır css ekleyince çözüldü, sende ekleyip düzeltebilirsin, winnt vermiş zaten.

18-05-2008, 21:17:04

#5