Come creare un collage in Htlm

21 ottobre 2013

E`vero questa settimana ho poco tempo e´ "quella cruciale", e` quella della fase bellezza, depilazione, trucco,capelli, anche se faccio tutto da sola, anche se non mi sto affidando alle mani di un estetica per il trucco pero´ il tempo ci vuole prove su prove, poi mi mando a quel paese e mi sdraio sul divano a sorseggiare l´ultimo acquisto degli infusi inglesi. Ma io ci provo  per fare le cose come si devono.
Oggi per la rubrica  nerd vi do un piccolo suggerimento come fare un collage inserendo codici di htlm manualmente ,  senza avere  photoshop ne templati vari.
Risultato eccellente per chi ha poco tempo... allora  siete pronti?
Avete tre foto a disposizione? Ma certo che siii!!!!
Con la vita impegnata che ci ritroviamo su instagram di fotine ne abbiamo a migliaia.
Quindi andiamo ad incorporare nel post in  versione Htlm questo codice

<img src="URL_IMAGE" width="300px" /> <img alt="" src="URL_IMAGE" width="300px" /><img alt="" src="URL_IMAGE" width="606px" /><br />

Il risultato sono le foto che vedete in questo post e in granparte del mio blog. Che ne pensate?

Quindi la prima e la seconda immagine hanno una larghezza di 300px e quella sotto di 606px (nel mio caso di dimensione della zona post )voi potete modificarla a vostro piacimento.
Il risultato e´ un semplice collage armonioso per chi legge il nostro blog.
 Le URL dellle immagini potete ricavarle da tipynic copia incolla ed il gioco e´ fatto.
Piu` facile di cosi´!
Buon divertimento   e buon collage...

facebook//twitter//g+//insta//bloglovin//chictopia//pinterest//hellocoton//

5 commenti

  1. Non ho capito:
    dove va incorporato il codice (a che livello del blog in html)?
    le tre foto poi appariranno dove all' interno del blog ?
    per cambiare le foto dovrò cambiare i relativi codici ogni volta, immagino....
    Grazie

    RispondiElimina
  2. è proprio quello che cercavo ogni volta che si pubblicano immagini nei post sono disarmoniose una più grande l'altra più piccola, e non capivo come in molti blog, fossero tutte della stessa grandezza. E non sono mai riuscita a trovare un tutorial, comunque inserendo l'immagine tramite link diretto non appesantisce nemmeno il blog ^_^
    GRAZIE Francesca

    RispondiElimina
    Risposte
    1. Grazie per essere passata finalmente svelato l´arcano delle foto allineate :D

      Elimina
    2. ma in questo codice posso inserire un comando che cliccando sull'immagine mi riporta al post che desidero, se volessi crearlo in una pagina statica?. grazie
      Francesca

      Elimina

LIKED VIDEOS