Jag är värd att älska Bakgrund

Pålägg: Bildjustering

Januari 10, 2013 inga kommentarer Adam_Goodman Kategorier Klassisk, PåläggTaggar , , , , ,

Välkommen till bildjustering! Det bästa sättet att demonstrera de olika bildpositioneringsalternativens ebb och flöde är att placera dem snyggt i ett ordhav. Ta en paddel och låt oss komma igång.

Om ämnet anpassning, det bör noteras att användare kan välja mellan alternativen för Ingen, Vänster, Höger, och Centrum. Dessutom, de får också alternativen Miniatyr, Medium, Stor & Full storlek.

Image Alignment 580x300

Bilden ovan råkar vara centrerad.

Image Alignment 150x150Resten av detta stycke är fyllmedel för att se texten lindas runt 150×150 bild, vilket är vänsterjusterad.

Som du kan se borde det finnas något utrymme ovan, Nedan, och till höger om bilden. Texten ska inte krypa på bilden. Krypning är bara inte rätt. Bilder behöver också andningsrum. Låt dem tala som du säger. Låt dem göra sina jobb utan problem från texten. I ungefär en mening till här, vi ser att texten rör sig från höger om bilden ner under bilden i sömlös övergång. Igen, att låta det göra det. Uppdrag slutfört!

Och nu för en massivt stor bild. Det har också ingen inriktning.

Image Alignment 1200x400

Bilden ovan, men 1200px bred, bör inte rinna över innehållsområdet. Den ska förbli innesluten utan synlig störning av innehållsflödet.

Image Alignment 300x200

Och nu ska vi flytta saker till högerjustera. Igen, det borde finnas gott om utrymme ovan, Nedan, och till vänster om bilden. Titta bara på honom där… Hej kille! Sätt att rocka den högra sidan. Jag bryr mig inte vad den vänsterjusterade bilden säger, du ser bra ut. Låt inte någon annan berätta för dig annorlunda.

På bara lite här, bör du se texten börja slå in under den högerjusterade bilden och sätta sig in snyggt. Det borde fortfarande finnas gott om plats och allt ska sitta vackert. Ja… Precis så. Det kändes aldrig så bra att ha rätt.

Och precis när du trodde att vi var klara, vi ska göra dem igen med bildtexter!

Image Alignment 580x300
Titta på 580×300 få lite rubrik kärlek.

Bilden ovan råkar vara centrerad. Bildtexten har också en länk i sig, bara för att se om det gör något funky.

Image Alignment 150x150
Itty-bitty bildtext.

Resten av detta stycke är fyllmedel för att se texten lindas runt 150×150 bild, vilket är vänsterjusterad.

Som du kan se borde det finnas något utrymme ovan, Nedan, och till höger om bilden. Texten ska inte krypa på bilden. Krypning är bara inte rätt. Bilder behöver också andningsrum. Låt dem tala som du säger. Låt dem göra sina jobb utan problem från texten. I ungefär en mening till här, vi ser att texten rör sig från höger om bilden ner under bilden i sömlös övergång. Igen, att låta det göra det. Uppdrag slutfört!

Och nu för en massivt stor bild. Det har också ingen inriktning.

Image Alignment 1200x400
Massiv bildkommentar för dina ögonbollar.

Bilden ovan, men 1200px bred, bör inte rinna över innehållsområdet. Den ska förbli innesluten utan synlig störning av innehållsflödet.

Image Alignment 300x200
Känns bra att ha rätt hela tiden.

Och nu ska vi flytta saker till högerjustera. Igen, det borde finnas gott om utrymme ovan, Nedan, och till vänster om bilden. Titta bara på honom där… Hej kille! Sätt att rocka den högra sidan. Jag bryr mig inte vad den vänsterjusterade bilden säger, du ser bra ut. Låt inte någon annan berätta för dig annorlunda.

På bara lite här, bör du se texten börja slå in under den högerjusterade bilden och sätta sig in snyggt. Det borde fortfarande finnas gott om plats och allt ska sitta vackert. Ja… Precis så. Det kändes aldrig så bra att ha rätt.

Och det är en wrap, Jag! Du överlevde det tumultiga vattnet i inriktningen. Bildjusteringsprestation olåst!