Formattazione di un'immagine in un messaggio di testo su Tumblr

January 1

Formattazione di un'immagine in un messaggio di testo su Tumblr


Ci sono sette tipi di messaggi diversi su Tumblr. Di questi, il post Foto dà centro della scena per l'immagine o le immagini che si sceglie, con una piccola didascalia sotto. Tuttavia, è anche possibile inserire le foto nel corpo dei messaggi di testo (o addirittura la voce di qualsiasi tipo di posta) utilizzando il pulsante sulla barra degli strumenti. Come questa incorporati immagine viene visualizzata nella pagina dipende dal codice HTML si aggiunge il post e le impostazioni già presenti nel vostro tema Tumblr.

istruzione

1 Fai clic sul pulsante "Carica Immagine" (una icona della fotocamera) sulla barra degli strumenti di testo Pubblica scegliere un'immagine dal sistema. Scegliere un'immagine e fare clic su "Apri" per inserirla.

2 Fare clic sul pulsante "<html>" nella barra degli strumenti per modificare il sorgente HTML del post. Questo rivela il codice sottostante che Tumblr pubblicherà.

3 Fare clic in qualsiasi punto all'interno del codice HTML per apportare modifiche. È possibile regolare il "<img>" tag per modificare gli attributi dell'immagine: per esempio, aggiungere "width =" x "" o "height =" x "" (sostituendo "X" con un numero specifico di pixel) a modificare le dimensioni dell'immagine.

4 Selezionare di nuovo il pulsante "<html>" per visualizzare in anteprima le modifiche come appariranno sul sito web. Fai clic su "Pubblica" per caricare il post per Tumblr.

5 Fare clic sull'icona ingranaggio grigia nella parte superiore della plancia, e poi scegliere un blog dall'elenco e selezionare "Personalizza".

6 Scorrere verso il basso fino alla sezione Avanzate e inserire qualsiasi CSS che si desidera utilizzare per modificare il formato delle immagini del tuo blog nella casella "Aggiungere CSS personalizzato". Ad esempio, è possibile utilizzare il codice "img {border: 2px solido;}" per aggiungere un bordo continuo di 2 pixel a tutte le immagini.

7 Fai clic su "Salva" per confermare le modifiche, quindi selezionare "Chiudi" per chiudere la schermata di personalizzazione.

Consigli e avvertenze

  • Lo standard HTML5 più recente incoraggia l'uso di CSS per immagini in formato (e testo) piuttosto che il codice HTML. Mentre questo è un approccio più flessibile, significa che il codice esatto necessario per formattare le immagini dipende dalla struttura del vostro tema attuale e il modo in cui è stato progettato dal suo autore.
  • Qualsiasi formattazione applicata utilizzando la regola CSS img {} sarà applicato a tutte le immagini nel tuo blog. Per applicare le modifiche alle immagini all'interno di messaggi di testo solo, è necessario creare una classe separata di immagini nel foglio di stile del tema. Questo potrebbe già essere stato fatto per voi: fare clic sul pulsante "Modifica HTML" nel riquadro di personalizzazione alla visualizzazione HTML del tema corrente, con particolare attenzione alle regole e le classi di formattazione di immagine. Si può anche vedere un riferimento a un file di foglio di stile (con il css estensione) ospitato esternamente - incolla questo indirizzo nel browser Web per visualizzare il foglio di stile, che mostrerà le regole di formattazione correnti per il blog.