Görüntü Hizalama Örneği

Resim hizalamasına hoş geldiniz! Çeşitli resim konumlandırma seçeneklerinin iniş çıkışlarını göstermenin en iyi yolu, onları bir kelime okyanusunun ortasına sıkıca yerleştirmektir. Bir kürek alın ve başlayalım.

Hizalama konusuna gelince, kullanıcıların Hiçbiri, Sol, Sağ  ve Orta seçeneklerinden birini seçebilecekleri unutulmamalıdır. Ayrıca, Küçük Resim, Orta, Büyük & Tam Boyut seçeneklerine de sahip olurlar.

Yukarıdaki görselin ortalanmış olduğu ortaya çıktı.

Bu paragrafın geri kalanı, metnin 150×150 boyutundaki görüntünün etrafında sarılması için dolgu niteliğindedir ve bu görüntü sola hizalanmıştır.

Gördüğünüz gibi, görüntünün üstünde, altında ve sağında biraz boşluk olmalıdır. Metin görüntünün üzerinde sürünmemelidir. Sürünme doğru değildir. Görüntülerin de nefes alma alanına ihtiyacı vardır. Onların sizin kelimeleriniz gibi konuşmasına izin verin. Metinden kaynaklanan herhangi bir güçlük çekmeden işlerini yapmalarına izin verin. Burada yaklaşık bir cümle daha sonra, metnin görüntünün sağından görüntünün altına sorunsuz bir geçişle hareket ettiğini göreceğiz. Tekrar, işi yapmasına izin verin. Görev tamamlandı!

Ve şimdi çok büyük bir resim. Ayrıca hiçbir hizalaması yok.

Yukarıdaki resim, 1200 piksel genişliğinde olmasına rağmen içerik alanından taşmamalıdır. İçerik akışında gözle görülür bir kesinti olmadan sınırlandırılmış kalmalıdır.

Ve şimdi her şeyi sağa hizalamaya kaydıracağız. Tekrar ediyorum, resmin üstünde, altında ve solunda bolca yer olmalı. Sadece ona bak… Hey dostum! Sağ tarafı sallamanın yolu bu. Sola hizalanmış resmin ne dediği umurumda değil, harika görünüyorsun. Başkalarının sana farklı bir şey söylemesine izin verme.

Birazdan metnin sağa hizalanmış resmin altına doğru kıvrılmaya başladığını ve güzelce yerleştiğini göreceksin. Hala bolca yer olmalı ve her şey güzelce oturmalı. Evet… Aynen öyle. Haklı olmak hiç bu kadar iyi hissettirmemişti.

Ve tam da bittiğini düşündüğünüz anda, hepsini altyazılarla tekrar yapacağız!

Yukarıdaki görselin ortalanmış olduğu ortaya çıktı. Altyazıda ayrıca, herhangi bir gariplik yapıp yapmadığını görmek için bir bağlantı da var.

Bu paragrafın geri kalanı, metnin 150×150 boyutundaki sola hizalanmış görüntünün etrafına sarılmasını sağlamak için dolgu metnidir.

Gördüğünüz gibi, resmin üstünde, altında ve sağında biraz boşluk olmalı. Metin resmin üzerinde sürünmemeli. Sürünmek doğru değil. Resimlerin de nefes alma alanına ihtiyacı var. Sizin sözcükleriniz gibi konuşmalarına izin verin. Metinden hiçbir güçlük çekmeden işlerini yapmalarına izin verin. Burada yaklaşık bir cümle daha sonra, metnin resmin sağından aşağıya, kesintisiz bir geçişle hareket ettiğini göreceğiz. Tekrar, işini yapmasına izin verin. Görev tamamlandı!

Ve şimdi çok büyük bir resim için. Ayrıca hiçbir hizalaması yok.

Yukarıdaki resim, 1200 piksel genişliğinde olmasına rağmen içerik alanının dışına taşmamalıdır. İçerik akışında gözle görülür bir kesinti olmadan sınırlı kalmalıdır.

Ve şimdi her şeyi sağa hizalamaya kaydıracağız. Tekrar ediyorum, görüntünün üstünde, altında ve solunda bolca yer olmalı. Sadece ona bak… Hey dostum! Sağ tarafı sallamanın yolu bu. Sola hizalanmış görüntünün ne dediği umurumda değil, harika görünüyorsun. Başkalarının sana farklı bir şey söylemesine izin verme.

Burada birazdan, metnin sağa hizalanmış resmin altına doğru sarmaya başladığını ve güzelce yerleştiğini görmelisiniz. Hala bolca yer olmalı ve her şey güzelce oturmalı. Evet… Aynen öyle. Haklı olmak hiç bu kadar iyi hissettirmemişti.

Ve işte bitti, yo! Hizalamanın çalkantılı sularından sağ kurtuldunuz. Resim hizalama başarısı açıldı!