Intestazione multipla per eventi

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Advanced Member

    Group
    Staff
    Posts
    4,763

    Status
    Offline
    Stai portando tanti personaggi nella role evento? Utilizza questa intestazione per mantenere tutto in ordine!

    Guida alla Modifica:

    • Colori: Sostituisci #COLORE A PIACERE1, #COLORE A PIACERE2, #COLORE A PIACERE3 con colori che ti piacciono corrispondenti ai tuoi personaggi. Se non vuoi il il gradiente ti basta inserire due volte lo stesso colore. Si può aumentare il numero dei colori a piacere;
      Occhio: I colori vanno aggiunti anche al bordo dell'immagine!

    • Immagini: Sostituisci le scritte IMMAGINE PERSONAGGIO con il link di un'immagine a piacere rappresentativa del personaggio. Non importa la dimensione, sarà tagliata automaticamente.

    • Tag ai compagni: Tagga i giocatori dei personaggi con cui stai interagendo, in maniera che nessuno si dimentichi dell'interazione.



    Nome Utente


    NOME PG | CLASSE | LV | SCHEDA
    TESTO


    NOME PG | CLASSE | LV | SCHEDA
    TESTO


    NOME PG | CLASSE | LV | SCHEDA
    TESTO


    ⊳ Eventuali note


    CODICE
    <div style="box-shadow: 0px 0px 5px #555; padding-top: 5px; padding-bottom: 5px; width: 590px; background: #fff; height: autopx; border-left: 4px solid #000; border-right: 4px solid #000; text-align: justify; font-family: arial; font-size: 12px; color: #333; border-image: linear-gradient(to bottom, #COLORE A PIACERE1, #COLORE A PIACERE2, #COLORE A PIACERE3) 1 100%;" align="center"><h3 style="color: black; margin: 0px; text-align: center;">Nome Utente</h3>
    <div style="float: left; margin-left: 5px; margin-right: 30px; width: 100px;"><div style="box-shadow: 0px 0px 5px #555; ; border-radius: 50% 0% 0% 50%; width: 100px; height: 100px; background: url('IMMAGINE PERSONAGGIO'); background-size: cover; background-position-x: center; border: solid #COLORE A PIACERE1 3px;"><img /></div></div><div style="height: 110px; overflow: auto; padding-right: 5px; margin-right: 10px; font-family: arial; font-size: 12px; line-height: 14px;"><div style="margin: 0; text-transform: uppercase; font-family: montserrat;"><strong>NOME PG</strong> | CLASSE | LV | [URL=https://SCHEDA PERSONAGGIO]SCHEDA[/URL]</div>TESTO


    </div><div style="float: left; margin-top: 15px; margin-left: 5px; margin-right: 30px; width: 100px;"><div style="box-shadow: 0px 0px 5px #555; border-radius: 50% 0% 0% 50%; width: 100px; height: 100px; background: url('IMMAGINE PERSONAGGIO'); background-size: cover; background-position-x: center; border: solid #COLORE A PIACERE2 3px;"><img /></div></div><div style="margin-top: 15px; height: 110px; overflow: auto; padding-right: 5px; margin-right: 10px; font-family: arial; font-size: 12px; line-height: 14px;"><div style="margin: 0; text-transform: uppercase; font-family: montserrat;"><strong>NOME PG</strong> | CLASSE | LV | [URL=https://SCHEDA PERSONAGGIO]SCHEDA[/URL]</div>TESTO


    </div><div style="float: left; margin-top: 15px; margin-left: 5px; margin-right: 30px; width: 100px;"><div style="box-shadow: 0px 0px 5px #555; border-radius: 50% 0% 0% 50%; width: 100px; height: 100px; background: url('IMMAGINE PERSONAGGIO'); background-size: cover; background-position-x: center; border: solid #COLORE A PIACERE3 3px;"><img /></div></div><div style="margin-top: 15px; height: 110px; overflow: auto; padding-right: 5px; margin-right: 10px; font-family: arial; font-size: 12px; line-height: 14px;"><div style="margin: 0; text-transform: uppercase; font-family: montserrat;"><strong>NOME PG</strong> | CLASSE | LV | [URL=https://SCHEDA PERSONAGGIO]SCHEDA[/URL]</div>TESTO


    </div><div style="padding: 10px; height: autopx; border-top: 1px solid #000; border-bottom: 1px solid #000; overflow: auto; margin-top: 15px; line-height: 16px;">&#8883; Eventuali note</div></div>


    Edited by » Fyan - 27/12/2022, 17:09
     
    .
0 replies since 2/7/2022, 14:16   137 views
  Share  
.