Come postare immagini usando il Lightbox!

« Older   Newer »
 
  Share  
.
  1.     +3   Top   Dislike
     
    .
    Avatar


    Group
    Staffer
    Posts
    16,731
    Intesa
    +1,194
    Location
    Madain Sari.

    Status
    Anonymous

    L'esigenza di questo topic nasce del fatto che ogni tanto capita di trovare immagini nei topic inserite senza l'apposito Lightbox. Vi spiegherò il motivo di questa funziona e come usare il codice in questione!


    Che cosa è il Lightbox?
    Avete notato che in molti topic, le immagini sono racchiuse in un box che evita di deformare il topic stesso rendendolo molto, molto più scorrevole? Ecco, il lightbox serve proprio per questo motivo; a tal proposito, ecco un esempio!


    Come si usa?
    Semplicissimo. Appena state per inviare un topic o un messaggio tra i tanti tag presenti c'è quello del Lightbox, come mostrato qui
    is5RY9w
    Basta cliccare sull'apposito bottone e non appena vi appare la finestrella Pop-up, inserite il link dell'immagine in questione!

    Cosa fare se le immagini risultano troppo grandi?
    Potrebbe capitare che le immagini inserite risultino comunque enormi, di conseguenza ecco un simpatico accorgimento per evitarlo!
    La soluzione sta nell'utilizzare un width che corrisponde alla larghezza della foto stessa.
    Una misura standard è la stessa descritta nel codice qui sotto:
    CODICE
    <img class='light' src='LINK IMMAGINE' width="450">


    Un ultimo piccolo accorgimento per le immagini.
    Voglio ricordarvi che siti come zerochan, shushu e pixiv, abyssalchronicles NON permettono il rihosting e di conseguenza, inserendo le immagini senza rihostarle, gli altri utenti non le vedranno.
    Come evitare questo?
    Vi consiglio di rihostarle tramite un sito come imgur, ci vogliono davvero pochissimi secondi. Altrimenti ci troviamo costretti a rihostarle al posto vostro e non mi sembra molto carino. Oltretutto, i post che non saranno a norma NON riceveranno exp!

    Spero che questo topic possa tornarvi utile :flower:



    Edited by Viv~ - 3/2/2017, 11:48
     
    .
  2.     Top   Dislike
     
    .
    Avatar


    Group
    Staffer
    Posts
    16,731
    Intesa
    +1,194
    Location
    Madain Sari.

    Status
    Anonymous
    aggiornato!
     
    .
  3.     Top   Dislike
     
    .
    Avatar


    Group
    Staffer
    Posts
    16,731
    Intesa
    +1,194
    Location
    Madain Sari.

    Status
    Anonymous
    update 07/08/2016: funzione width

    Edited by Viv~ - 7/8/2016, 12:53
     
    .
2 replies since 25/3/2015, 12:00   487 views
  Share  
.
Top
Top