commodore.gen.tr

Siteye konan fotoğraflar çoğu zaman ekranın dışına çıkıyor. Bunu ufak bir kodla hem göze hoş gelir şekilde ayarlamak hemde ilanların ve fotoğrafların anlaşılabilirliği için daha iyi olacağını düşünüyorum.
Başlık kısmında resim ekle kısmına tıkladığımızda img] [/img] gibi bir kod cıkıyor. İlk img kısmından sonra söyle bir kod eklediğimizde width=640 height=480 resmin sitedeki boyutunu ayarlamıs oluyoruz. 640 ve 480 yerin e istediğimiz değerleri girip fotoğrafların boyutlarını rahatlıkla ayarlıyabiliriz.
Kısaca kod söyle oluyor. img width=640 height=480] resimlinki [/img]
Not: Normalde kodun başındaki img kısmı parantez ile başlıyor ancak parantezi-[ koydumuz zaten sistem onu kod olarak algıladığı için yazarken onları çıkardım.
640*480 boyotunlarındaki resim.
(http://static.giantbomb.com/uploads/original/0/1516/376034-commodore64.jpg)

Buda 320*240 boyutlarındaki bir resim.
(http://static.giantbomb.com/uploads/original/0/1516/376034-commodore64.jpg)

Güzel Bir Bilgi ;) Daha Önce Anlatılmıştı Sanırım ama İnatla Bodoslama Ekleme Yapmak İsteyenler Aynı Şekilde Eklemeye Devam Ediyor.Umarım Bu Sefer Etkili Olur ;)

Bilmiyordum. Artık böyle yaparım. ;)

Daha önce de yazılmıştı ama hatırlatmakta fayda var. Birde ufak bir not 'height' etiketine gerek yok. O genişliğe göre otomatik ayarlanıyor zaten. ;)

Soldaki c16 yıda ortalasaydın nostalji yapardık

(http://www.thegamesmachine.it/wp-content/uploads/2014/04/c640.jpg)

wizofwor arkadaşımızın CSS düzenlemesiyle elle düzeltmeye gerek kalmadı! Yukardaki resim otomatik olarak sayfaya sıkıştırıldı. teşekkürler wizofwor

Tablette otomatik resize olmuyor sadece zoom edilmiş bir parçası gözüküyor resmin.

Android 4.3.1 (CyanogenMod) üzerinde Chrome 39

Bende düzgün. Android 4.4.2 chrome browser

Kod kısmı zor geliyorsa en basiti Paint ile, yeniden boyutlandır/ piksel yatay- dikey kısımlarına istediğimiz değerleri girip yeniden boyutlandırabiliriz.  :)

Özay bende Crome/Windows ve Safari/iOS'la sorunsuz görünüyor. Zaten çok ufak bir kod ilavesi tavsiye etmiştim. Tarayıcının ön belleğinden kaynaklı bir sorun olabilir. 

Masaüstü sitesi iste seçeneğini işaretleyince düzeldi, işareti kaldırınca da hala düzgün. Dediğin gibi cache problemi oldu herhalde.

Genişlik olarak 675 tam denk geliyor sitenin temasına. Sen kaç yaptın?

Bir de kodu paylaşabilir misin? Biz de öğrenelim. :)

.post img { max-width:650px; }

Bu durumda 650 aşağısına dokunmuyor, üstüne çıkarsa 650'ye mi resize ediyor. Gayet basit ve etkili bir CSS özelliğiymiş.

Ama dediğim gibi 675 yaparsak daha güzel durur. ;)

Dediğin gibi çalışıyor. post sınıfındaki konteynerlerin içindeki imajların boyu 650'yi geçiyorsa 650 yapıyor. 650'yi deneme yamulma yöntemiyle buldum. Daga büyük değer girdiğimde kaydırma çubuğu çıkıyordu. Aslında konteyner'ın genişliği 681 ama bunun içinden marginleri düşmek lazım. 675'in olması lazımdı. Denemek lazım.

CSS bozulmuş sanırım, resize olmak yerine kaydırma çubuğu çıkarıyor artık.

iyide şunları tek tek elle girmektense, "small image" gibi bir seçenek olsa, diğer forumlarda olduğu gibi, aklımızda tutumak, tekrar tekrar yazmak durumunda kalmasak daha kullanışlı olmaz mıydı

Zaten Gökhan otomatikleştirmişti onu ama sorun oldu sanırım. Düzeltir yakında.

Ben foto eklerken "Önzileme"seçeneğini seçip orada çıkan iconlar arasından image seçeneğini seçiyorum ama o standart geliyor. Small image için ayrı bir icon var mıydı ? Arkadaşın otomatikleştirdiği image seçeneğini nasıl seçiyoruz ?

Bir deneme yapalım.

(http://i.imgur.com/U1IHkh0.jpg)

(http://i.imgur.com/U1IHkh0.jpg)

Eklediğim resmin boyutu 1200x681. CSS bunu otomatik olarak 650x369'a indiriyor. İkinci resimde manuel olarak 1200 genişlik verdim. CSS bunu da overwrite etti. Resim yine 650x369 olarak geldi.

Ben burada bir sorun göremiyorum. Arada kaydırma çubuğu çıkan bir iki resim gördüm ama bu dikey boyutla alakalı. Bu şekilde kaydırma çubuğu çıkan bir resme denk gelirseniz. Buraya linkini atın, inceleyeyim.

Foruma gönderdiğiniz resimlerin küçük versiyonlarının (thumbnail) otomatik olarak oluşturulmasını istiyorsanız o beni aşar. Zira SMF forum motoru ve eklentileri hakkında pek bilgim yok.

(http://upload.wikimedia.org/wikipedia/commons/9/9d/Commodore64.jpg)

Yukarıdaki resim 2000*1266. Resim adresini yazdım. Daha sonra adresi seçip, mesaj barın üstünde yer alan, resim ikonuna tıkladım. Sonuç yukarıda...Hangi resim, sorun olduysa ya da sunucu bakmak gerek...

bende resim ikonuna tıklayınca resim büyükse aynı boyutta sayfaya ekliyor oda taşma yapıyor

şundan bahsediyorum: (http://)

Sizin kullandığınız hangisi, yazar mısınız? Gerekirse bir yere not edelim, gerektiğinde copy/paste yaparız

Oldu şimdi

Tamamdır arkadaşlar hallolmuş  ;)  ;D


(http://www.designbolts.com/wp-content/uploads/2014/06/michelangelo-tmnt-2014-wallpaper-hd-1600x12001.jpg)

width=640 yapınca oluyor diye biliyorum :)

Yakaladım sanırım. Benim kodu alttaki şekilde değiştirebilir miyiz?

.post img { max-width:675px; max-height:450px }