Come0: Incomplete formattare Immagine in posta in modo splendido

ANNUNCIO
0 Ottenere nostro software e web/ suggerimento per mezzo di posta elettronico firmare su per Giornaliero posta elettronico notiziario .
Se abbonare a RSS alimentazione O Seguire io Su Cinguettio?

Immagine aggiungere teatrale bellezza a posta (a meno che voi includere veramente cattivo immagine.) Incomplete la maggior parte bloggers consigliare voi0 includere immagine a lo a o intorno a lo inizio di vostro posta. E io essere no diverso.

Incomplete tuttavia uno cosa quello quello consiglio do1 non contenere essere come0 includere immagine che se mescolare bene con lo contenuto, tuttavia essere notevole per uno lettore. Scegliere lo giusto immagine essere importante ma così essere lo modo voi mettere essi. Incomplete includere uno immagine con uno scialbo <Img src= ” > Incomplete etichetta essere in casa proprio non0 più – essi essere così web 1.0/ anno 1998.

Io preferire0 utilizzare centrare immagine con lo larghezza leggermente minore di vostro posta area larghezza. Questo esempio mostrare voi come0 centrare lo immagine e aggiungere intestazione.

Quello che voi avere bisogno ora essere uno sensato, facile modo0 formattare immagine senza spendere lo intero giorno per esso. Questo potere essere ottenere da uno combinazione di due cosa – uno CSS progettazione regola0 essere aggiungere a vostro style.css e un po' di HTML codice che voi dovere0 avvolgere intorno a vostro immagine.

Osservare che questo potere non essere utilizzare per immagine precedentemente aggiungere senza editare essi. Lo ragione: Mentre CSS progettazione regola influire tutto elemento HTML aumento dovere0 essere manualmente aggiungere intorno a ogni immagine.

Aggiungere questo codice a vostro style.css archivio verso lo fine:

div.ci { text-align: center; margin: 0; padding: 16px 0; padding: 0; border: none; }
div.ci small { font-size: .9em; line-height: 1.4em; color:#777; padding: 7px 0 0 0; }

ANNUNCIO

Lo codice sopra essere lo progettazione regola che aiutare voi0 posizionare lo immagine. 0 Applicare lo progettazione noi avere bisogno0 utilizzare HTML intorno a lo immagine etichetta. Lo HTML codice essere come segue:

<div class="ci"><img src="URL_TO_IMAGE" alt="ALT TEXT" /><br />
<small>YOUR CAPTION</small></div>

In lo codice sostituire URL_TO_IMAGE con lo immagine URL, ALT TEXT con che cosa voi volere0 mostrare quando lo immagine essere non mostrare e YOUR CAPTION con lo intestazione quello voi volere.

Alternativamente voi potere rimuovere lo intestazione per utilizzare questo codice:

<div class="ci"><img src="URL_TO_IMAGE" alt="ALT TEXT" /></div>

Ricordare0 pizzicare lo intestazione colore dimensione e fonte a vostro preferenza e vostro immagine volere dondolare!

0 Ottenere nostro ultimo articolo Scattare qui0 firmare su Incomplete perché nostro else posta elettronico notiziario o sottoscrivere a RSS alimentazione

§ Commento