-
.SCHELETRO SCHEDA E CODICI BASE[ IMPORTANTE! ] Al momento è attivo un limite alla creazione dei PG: se si ha attivi già sia un PG ghoul e sia umano, o due PG di una delle precedenti categorie, e non è stato creato un PG Investigatore in precedenza (non vengono tuttavia contati i PG resi Inattivi), il terzo PG creato dovrà essere obbligatoriamente un PG Investigatore. Per maggiore informazioni consultare il seguente post in Changelog o contattare lo Staff.
Se siete approdati in questo topic significa che avete letto tutta l’ambientazione e siete pronti a lavorare alla vostra scheda PG! Ottimo, siamo molto curiosi di vedere i vostri pargoli! Cercate di essere il più descrittivi possibile! E per dubbi o problemi, vi rimandiamo come sempre alla sezione SUPPORT.
Per postare la scheda del vostro PG, aprire una nuova discussione della sezione LOADING con nel titolo il nome del vostro pg e con sottotitolo il suo rank (se ghoul o investigatore). L’uso di un codice per le schede, come per le role, è obbligatorio. Potete usare i codici forniti da noi (che troverete in questo stesso topic tra le risposte) oppure usare codici creati da voi o di qualche altro grafico, l’importante è sempre creditare la persona giusta e che contengano anche i punti principali che abbiamo riportato più in basso.
Anche l’uso di un prestavolto è obbligatorio e se non sapete chi usare, vi rimandiamo al topic "Aiuto Prestavolti/Immagini" nella sezione SUPPORT per chiedere una mano allo staff e agli altri utenti. Nello stesso topic è possibile richiedere anche aiuto per tagliare le immagini. Controllate sempre prima il topic “Prestavolti” prima di fare la vostra scelta, non sia mai che quello che avete selezionato sia già occupato! Nel caso non lo fosse, potete sempre prenotarlo per sicurezza.
Prima di scegliere un alias per il vostro PG ghoul o un nome per la quinque del vostro PG Investigatore, è meglio sempre controllare prima il topic denominato "Compendium" nella sezione SETTINGS, così da evitare doppioni. Tuttavia, se volete una quinque simile a quella di un altro PG, dovete prima chiedere il permesso di usarne una copia all’utente proprietario e poi allo staff per conferma.
Alcuni siti per nomi: Behind the Name; Behind the Surname; Nomi giapponesi maschili (Wikipedia ver.); Nomi giapponesi femminili (Wikipedia ver.); Cognomi giapponesi;
(※NOTA: state attenti al sito japanese-names.info essendo uno dei primi risultati su google, non è molto affidabile ed è sempre meglio fare un controllo, tipo su wiktionary, o chiedendo anche ad alye, per evitare usi strani!)
Siti consigliati per cercare PV: zerochan.net; pixiv.net
Siti cosigliati per caricare immagini: imgur.com[ IMPORTANTE! ] Come già riportato nel topic delle Guidelines, è decoroso avvertire lo staff con un messaggio nel topic del vostro pg quando avete finito la scheda (che sia stata pubblicata già completa o meno, bisogna sempre avvertire), così che lo Staff possa iniziare a revisionarla e correggerla. Va bene sia un doppio post che aver scritto "COMPLETA" in cima ma è sconsigliato avvertire tipo in TAG vedendo che il messaggio può perdersi. Grazie per la collaborazione!
Nome & Cognome: Qui vanno riportati ovviamente il Nome e Cognome del vostro pg e se volete, anche i loro significati e/o origini. Questo è anche il posto giusto dove riportare i soprannomi.
Genere & Età: Qui va riportato se il vostro PG è maschio, femmina o non-binary, oltre che la sua età attuale. Potete usare questo sito per calcolare correttamente l'età in base alla data corrente. L'età minima consentita è 14 anni.
Data di nascita: La data di nascita del vostro personaggio, il suo compleanno insomma.
Luogo di nascita: Il luogo dov'è nato il vostro personaggio, può anche non essere a Tokyo o in Giappone.
Residenza: La circoscrizione in cui al momento risiede il vostro pg. Qui potete anche scrivere una descrizione della sua abitazione.
Status sociale: In breve lo stato finanziario e sociale del vostro PG.
Occupazione: In poche parole il lavoro o l'occupazione del vostro pg, se ne ha uno. Specificare se è disoccupato. Se il pg è uno studente (e di quale grado), va scritto qui. Gli Investigatori devono far per forza parte di una delle squadre disponibili della CCG, consultare il topic “Organizzazioni, Gruppi e Clan” per vedere quali sono disponibili.
Orientamento: In breve l'orientamento romantico/sessuale del vostro PG e se è in una relazione o meno. Potete scrivere anche la sua religione o se sia ateo, oppure anche il loro allineamento e via dicendo.
Alias & Rank Riportare qui alias e il rank del vostro PG ghoul, anche con una breve spiegazione. Togliere se umano o investigatore. I ghoul possono iniziare al rank C o B e gli Investigatori al Terzo Grado o al Secondo Grado.
Quinque/Kagune: Il tipo di kagune o quinque del vostro pg, una breve descrizione è necessaria. Togliere se il PG è solo umano. Gli Investigatori iniziano con una sola quinque e le kagune dei ghoul non sono molto complesse.
Carattere: Descrivete il carattere del vostro personaggio. Per piacere non limitatevi a dire che è tenebroso e figo! Potete descrivere le sue fobie, cosa gli piace e non, qualche fissa particolare, ecc.
Aspetto fisico: Descrivete com'è fisicamente il vostro pg. Non limitatevi a dire che è biondo, ha gli occhi azzurri ed è un figo pazzesco! Potete dire come si veste in varie occasioni, se ha qualche elemento particolare, ecc. Potete descrivere la maschera del pg qui se è un ghoul.
Background: Qui potete raccontare il passato del vostro pg fino ad oggi, il come è a vostra discrezione: potete per esempio raccontare un evento particolare (a patto che le info base siano scritte altrove) o tutto per filo e per segno.[ IMPORTANTE! ] I codici di seguito proposti sono di uso esclusivo su questo GdR! Non usateli in altri siti, abbiate rispetto! Grazie.
Come alcuni colori, potete aggiungere o modificare alcuni punti a piacimento. Basta che i principali rimangano! Se la scheda sfasa dal code di solito è colpa della citazione che è più lunga di una riga ma dovrebbe bastare aggiungere 10px all'height in cima al code! Se non funge, basta chiedere aiuto ad Alye.
Edited by alyë - 31/5/2022, 18:43. -
.CITAZIONE#SCHEDA 01
In alcuni punti è possibile personalizzare uno dei colori del code, sostituire "COLOREPG" nei due punti con un colore hex.
La prima immagine è 150x200
La seconda immagine è 130x205
Cambiare "background: TIPOPG" con:
- "background: darkred" per i ghoul
- "background: navy" per gli investigatori
- "background: green" per gli umani
CODICE SOTTO SPOILERSPOILER (clicca per visualizzare)HTML<div class="scheda" style="height: 634px;"><div class="img1">[IMG]https://via.placeholder.com/150x200[/IMG]</div><div class="infopg"><div style="overflow: auto; padding-right: 5px; height: 175px"><div class="blapg" style="margin-right: 5px; float: left">Nome & Cognome</div> TESTO
<div class="blapg" style="margin-left: 5px; float:right">Genere & Età</div> TESTO
<div class="blapg" style="margin-right: 5px; float: left">Data di Nascita</div> TESTO
<div class="blapg" style="margin-left: 5px; float:right">Luogo di nascita</div> TESTO
<div class="blapg" style="margin-right: 5px; float: left">Residenza</div> TESTO
<div class="blapg" style="margin-left: 5px; float:right">Status sociale</div> TESTO
<div class="blapg" style="margin-right: 5px; float: left">Occupazione</div> TESTO
<div class="blapg" style="margin-left: 5px; float:right">Orientamento</div> TESTO
<div class="blapg" style="margin-right: 5px; float: left">Alias & Rank</div> TESTO
<div class="blapg" style="margin-left: 5px; float: right">Quinque/Kagune</div> TESTO
</div></div>
<div class="infopg2"><div class="nomepg" style="background: COLOREPG">NOME COGNOME</div><div class="tipopg" style="background: TIPOPG">CATEGORIA</div><div class="tiporc">TIPO RC</div><div class="tiporc">RANK</div></div>
<div class="carattere"><div style="overflow: auto; padding-right: 5px; height: 100px"><div class="blapg" style="margin-right: 5px; float: left">CARATTERE</div> TESTO CARATTERE QUI </div></div>
<div class="aspetto"><div style="overflow: auto; padding-right: 5px; height: 100px"><div class="blapg" style="margin-left: 5px; float: right">ASPETTO FISICO</div> TESTO ASPETTO FISICO QUI </div></div>
<div class="citapg" style="background: COLOREPG"> TESTO CITAZIONE QUI </div>
<div class="img2">[IMG]https://via.placeholder.com/130x205[/IMG]</div><div class="bg"><div style="overflow: auto; padding-right: 5px; height: 135px"><div class="blapg" style="margin-right: 5px; float: left">BACKGROUND</div> TESTO BACKGROUND QUI </div></div><div class="pv"><div class="tiporc" style="color: #fff">PV</div> <div class="pv2">Nome Prestavolto (Serie di Provenienza)</div></div>
</div>Nome & CognomeLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Genere & EtàLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Data di NascitaLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Luogo di nascitaLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.ResidenzaLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Status socialeLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.OccupazioneLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.OrientamentoLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Alias & RankLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Quinque/KaguneLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.NOME COGNOMECATEGORIATIPO RCRANKCARATTERELorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl.ASPETTO FISICOLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl.« Lorem ipsum dolor sit amet, consectetur adipiscing elit. »BACKGROUNDLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.PVNome Prestavolto (Serie di Provenienza)
Edited by alyë - 28/5/2021, 21:08. -
.CITAZIONE#SCHEDA 02
In alcuni punti è possibile personalizzare uno dei colori del code, sostituire "COLOREPG" nei due punti con un colore hex.
L'immagine è 150x200
Cambiare "background: TIPOPG" con:
- "background: darkred" per i ghoul
- "background: navy" per gli investigatori
- "background: green" per gli umani
CODICE SOTTO SPOILERSPOILER (clicca per visualizzare)HTML<div class="scheda" style="height: 700px"><div class="img1">[IMG]https://via.placeholder.com/150x200[/IMG]</div><div class="infopg"><div style="overflow: auto; padding-right: 5px; height: 175px"><div class="blapg" style="margin-right: 5px; float: left">Nome & Cognome</div> TESTO
<div class="blapg" style="margin-left: 5px; float:right">Genere & Età</div> TESTO
<div class="blapg" style="margin-right: 5px; float: left">Data di Nascita</div> TESTO
<div class="blapg" style="margin-left: 5px; float:right">Luogo di nascita</div> TESTO
<div class="blapg" style="margin-right: 5px; float: left">Residenza</div> TESTO
<div class="blapg" style="margin-left: 5px; float:right">Status sociale</div> TESTO
<div class="blapg" style="margin-right: 5px; float: left">Occupazione</div> TESTO
<div class="blapg" style="margin-left: 5px; float:right">Orientamento</div> TESTO
<div class="blapg" style="margin-right: 5px; float: left">Alias & Rank</div> TESTO
<div class="blapg" style="margin-left: 5px; float: right">Quinque/Kagune</div> TESTO
</div></div>
<div class="infopg2"><div class="nomepg" style="background: COLOREPG">NOME COGNOME</div><div class="tipopg" style="background: TIPOPG">CATEGORIA</div><div class="tiporc">TIPO RC</div><div class="tiporc">RANK</div></div>
<div class="carattere"><div style="overflow: auto; padding-right: 5px; height: 100px"><div class="blapg" style="margin-right: 5px; float: left">CARATTERE</div> TESTO CARATTERE QUI </div></div>
<div class="aspetto"><div style="overflow: auto; padding-right: 5px; height: 100px"><div class="blapg" style="margin-left: 5px; float: right">ASPETTO FISICO</div> TESTO ASPETTO FISICO QUI </div></div>
<div class="citapg" style="background: COLOREPG"> TESTO CITAZIONE QUI </div>
<div class="bg" style="width: 460px; height: 200px"><div style="overflow: auto; padding-right: 5px; height: 200px"><div class="blapg" style="margin-right: 5px; float: left">BACKGROUND</div> TESTO BACKGOUND QUI </div></div><div class="pv" style="width: 465px"><div class="tiporc" style="color: #fff">PV</div> <div class="pv2">Nome Prestavolto (Serie di Provenienza)</div></div>
</div>Nome & CognomeLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Genere & EtàLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Data di NascitaLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Luogo di nascitaLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.ResidenzaLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Status socialeLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.OccupazioneLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.OrientamentoLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Alias & RankLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.Quinque/KaguneLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.NOME COGNOMECATEGORIATIPO RCRANKCARATTERELorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl.ASPETTO FISICOLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl.« Lorem ipsum dolor sit amet, consectetur adipiscing elit. »BACKGROUNDLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.PVNome Prestavolto (Serie di Provenienza)
Edited by alyë - 28/5/2021, 21:08. -
.CITAZIONE#ROLE 01
In alcuni punti è possibile personalizzare uno dei colori del code, sostituire "COLOREPG" nei due punti con un colore hex.
L'immagine è 500x120(L'altezza dell'immagine può essere modificata ma deve essere modificato anche "height: 490px" nella prima riga di codice con il numero di px aggiuntivi: per esempio se l'immagine è alta 150px il numero va cresciuto di 30px e quindi diventa 520px)Cambiare "background: TIPOPG" con:
- "background: darkred" per i ghoul
- "background: navy" per gli investigatori
- "background: green" per gli umani
CODICE SOTTO SPOILERSPOILER (clicca per visualizzare)HTML<div class="role" style="height: 490px;"><div class="img3">[URL=LINK SCHEDA][IMG]https://via.placeholder.com/500x120[/IMG][/URL]</div>
<div class="infopg2" style="margin-top: 10px;"><div class="nomepg" style="background: COLOREPG">NOME COGNOME</div><div class="tiporc">OCCUPAZIONE</div><div class="tiporc">ETà</div></div>
<div class="roletext"><div style="overflow: auto; padding-right: 5px; height: 200px"> TESTO ROLE QUI </div></div>
<div class="citapg" style="background: COLOREPG"> TESTO CITAZIONE QUI </div>
<div class="infopg2" style="margin-top: 10px;"><div class="tipopg" style="background: TIPOPG">CATEGORIA</div><div class="tiporc">TIPO RC KAGUNE O QUINQUE</div><div class="tiporc">RANK</div><div class="tiporc">ALIAS</div></div>
</div>NOME COGNOMEOCCUPAZIONEETàLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.« LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. »CATEGORIATIPO RC KAGUNE O QUINQUERANKALIAS
Edited by alyë - 28/5/2021, 21:07. -
.CITAZIONE#ROLE 02
In alcuni punti è possibile personalizzare uno dei colori del code, sostituire "COLOREPG" nei due punti con un colore hex.
L'immagine è 140x210
Cambiare "background: TIPOPG" con:
- "background: darkred" per i ghoul
- "background: navy" per gli investigatori
- "background: green" per gli umani
CODICE SOTTO SPOILERSPOILER (clicca per visualizzare)HTML<div class="role" style="height: 365px"><div class="infopg2" style="margin-top: 10px;"><div class="nomepg" style="background: COLOREPG">NOME COGNOME</div><div class="tiporc">OCCUPAZIONE</div><div class="tiporc">ETà</div></div>
<div class="img4">[URL=LINK SCHEDA][IMG]https://via.placeholder.com/140x210[/IMG][/URL]</div><div class="roletext" style=" width: 315px;"><div style="overflow: auto; padding-right: 5px; height: 200px"> TESTO ROLE QUI </div></div>
<div class="citapg" style="background: COLOREPG"> TESTO CITAZIONE QUI </div>
<div class="infopg2" style="margin-top: 10px;"><div class="tipopg" style="background: TIPOPG">CATEGORIA</div><div class="tiporc">TIPO RC KAGUNE O QUINQUE</div><div class="tiporc">RANK</div><div class="tiporc">ALIAS</div></div>
</div>NOME COGNOMEOCCUPAZIONEETàLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna.« LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. »CATEGORIATIPO RC KAGUNE O QUINQUERANKALIAS
Edited by alyë - 28/5/2021, 21:07. -
.CITAZIONE#SCHEDA 03
In alcuni punti è possibile personalizzare uno dei colori del code, sostituire "COLOREPG" con un colore hex o html.
Se si è ferrati nell'uso del css, è permesso modificare anche gli altri colori aggiungendo, per esempio, un style="..." dopo il selettore class="..." dell'area che si vuole cambiare (basta non cambiare la struttura del code)!
Se serve aiuto si prega di contattare Alye.
La prima immagine è 390x150
La seconda immagine è 200x220
La terza immagine è 120x310
(Le immagini vengono ridimensionate/tagliate automaticamente, utile per l'uso diretto di gif)
Cambiare "background: TIPOPG" con:
- "background: darkred" per i ghoul
- "background: navy" per gli investigatori
- "background: green" per gli umani
CODICE SOTTO SPOILERSPOILER (clicca per visualizzare)HTML<div class="schedav2" style="border-left: 10px solid COLOREPG; border-right: 10px solid COLOREPG"><div class="sv2car"><div style="overflow: auto; height:285px; padding-right: 5px;"><div class="blapgv2" style="margin-right: 5px; float: left">CARATTERE</div> TESTO CARATTERE QUI
</div></div><div class="sv2img">[IMG]https://via.placeholder.com/390x150[/IMG]</div>
<div class="sv2asp"><div style="overflow: auto; height:135px; padding-right: 5px;"><div class="blapgv2" style="margin-right: 5px; float: left">ASPETTO</div> TESTO ASPETTO QUI
</div></div>
<div class="sv2na"style="background: COLOREPG; color: #000;">NOME COGNOME <div class="sv2bla" style="background: TIPOPG; color: #eee;">GHOUL</div><div class="sv2bla">XX Y.O</div><div class="sv2bla">KAGUNE</div><div class="sv2bla">RANK</div><div class="sv2bla">ALIAS</div></div>
<div class="sv2img2">[IMG]https://via.placeholder.com/200x220[/IMG]</div><div class="sv2info"><div style="overflow: auto; height:180px; padding-right: 5px;"><div class="blapgv2" style="margin-right: 5px; float: left">NAME&SURNAME</div> Nome, cognome e soprannomi.
<div class="blapgv2" style="margin-left: 5px; float:right">GENDER&AGE</div> Gender ed età
<div class="blapgv2" style="margin-right: 5px; float: left">D.O.B</div> Data di nascita.
<div class="blapgv2" style="margin-left: 5px; float:right">P.O.B</div> Luogo di nascita.
<div class="blapgv2" style="margin-right: 5px; float: left">RESIDENCE</div> Circoscrizione di residenza.
<div class="blapgv2" style="margin-left: 5px; float:right">STATUS</div> Stato sociale/economico.
<div class="blapgv2" style="margin-right: 5px; float: left">OCCUPATION</div> Lavoro.
<div class="blapgv2" style="margin-left: 5px; float:right">ORIENTATION</div> Orientamento sessuale/religioso/politico/ecc.
<div class="blapgv2" style="margin-right: 5px; float:left">QUINQUE/KAGUNE</div> Descrizione quinque o kagune.
<div class="blapgv2" style="margin-left: 5px; float: right">ALIAS&RANK</div> Rank e alias per i ghoul. Togliere se altro.
</div></div>
<div class="sv2quote" style="background: COLOREPG; color: #000;">CITAZIONE QUI</div>
<div class="sv2img3">[IMG]https://via.placeholder.com/120x310[/IMG]</div><div class="sv2bg"><div style="overflow: auto; height:280px; padding-right: 5px;"><div class="blapgv2" style="margin-right: 5px; float: left">BACKGROUND</div> TESTO BACKGROUND QUI
</div></div>
<div class="sv2pv"><div class="blapgv2" style="float:right;">PV</div> Nome Prestavolto (Serie di Provenienza)</div></div>CARATTERELorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.ASPETTOLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.NOME COGNOMEGHOULXX Y.OKAGUNERANKALIASNAME&SURNAMELorem ipsum dolor sit amet, consectetur adipiscing elit.GENDER&AGEProin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna.D.O.BCurabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel.P.O.BPellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus.RESIDENCEQuisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est.STATUSCras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci.OCCUPATIONDonec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa.ORIENTATIONQuisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem.ALIAS&RANKInterdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.QUINQUE/KAGUNEInterdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit.BACKGROUNDLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.PVNome Prestavolto (Serie di Provenienza)
Edited by alyë - 30/5/2021, 14:55. -
.CITAZIONE#ROLE 03
In alcuni punti è possibile personalizzare uno dei colori del code, sostituire "COLOREPG" con un colore hex o html.
Se si è ferrati nell'uso del css, è permesso modificare anche gli altri colori aggiungendo, per esempio, un style="..." dopo il selettore class="..." dell'area che si vuole cambiare (basta non cambiare la struttura del code)!
Se serve aiuto si prega di contattare Alye.
L'immagine è 150x350
(Le immagini vengono ridimensionate/tagliate automaticamente, utile per l'uso diretto di gif)
Cambiare "background: TIPOPG" con:
- "background: darkred" per i ghoul
- "background: navy" per gli investigatori
- "background: green" per gli umani
CODICE SOTTO SPOILERSPOILER (clicca per visualizzare)HTML<div class="rolev2" style="border-left: 10px solid COLOREPG;"><div class="narv2" style="background: COLOREPG">NOME COGNOME</div><div class="imgrv2">[URL=linkscheda][IMG]URLIMMAGINE[/IMG][/URL]</div><div class="textrv2"><div style="overflow: auto; height:265px; padding-right: 5px;">TESTO ROLE</div></div><div class="inforv2"><div class="bohrv2a" style="background: TIPOPG; color: #fff;">TIPOPG</div> <div class="bohrv2">XX Y.O</div> <div class="bohrv2">INFO</div> <div class="bohrv2">JOB</div> <div class="bohrv2">INFO</div></div></div>NOME COGNOMELorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.CCGXX Y.OKAGUNEJOBALIAS
Edited by alyë - 30/5/2021, 14:55. -
.CITAZIONE#DIARY 01
In alcuni punti è possibile personalizzare uno dei colori del code, sostituire "COLOREPG" con un colore hex o html.
Se si è ferrati nell'uso del css, è permesso modificare anche gli altri colori aggiungendo, per esempio, un style="..." dopo il selettore class="..." dell'area che si vuole cambiare (basta non cambiare la struttura del code)!
Se serve aiuto si prega di contattare Alye.
Ci sono due versione del code, una con i rapporti tra PG a barra EXP (Ver. A) e uno in cui è possibile utilizzare una icon + descrizione al suo posto (Ver. B).
Nella versione A/EXP si prega di sostituire "10" in "width: 10%" con il numero desiderato (max 100%) per indicare il grado di famigliarità tra i due PG; Inoltre, sempre nel div della barra (quello che si trova sotto al link + nome) è possibile cambiare "gray" in "background: gray" con un colore a pacimento per poter indicare diversi tipi di relazione.
Per aggiungere più sezioni nella versione B/ICON, si prega di incollare il code seguente una volta andati a capo dal precedente:CODICE<div class="diarypng"><div style="overflow:auto; height: 50px; padding-right: 5px;">[IMG]http://via.placeholder.com/50x50[/IMG] [URL=http://" target=][color=COLOREPG]NOME PG[/color][/URL]
TESTO DESCRITTIVO DEL RAPPORTO QUI</div></div>
Per la sezione role: è possibile cambiare "COLOREROLE" con un colore (es. role attiva: limegreen; role in pausa: orange; role conclusa: gray; role inattiva: red;) per mostrare lo status della role tramite la mini barra laterale sinistra.
Per aggiungere una nuova sezione role, si prega di incollare il code seguente una volta andati a capo dal precedente::CODICE<div class="diaryrole" style="border-left: 5px solid COLOREROLE;">[URL=http://"%20target=][color=COLOREPG]TITOLO ROLE[/color][/URL]
GG/MM/AAAA @where - with [URL=http://"%20target=]WHO[/URL]
(Descrizione role opzionale)</div>
La dimensione dell'immagine è 200x140px.
(Le immagini vengono ridimensionate/tagliate automaticamente, utile per l'uso diretto di gif)
Cambiare "background: TIPOPG" con:
- "background: darkred" per i ghoul
- "background: navy" per gli investigatori
- "background: green" per gli umani
CODICE SOTTO SPOILER VER. ASPOILER (clicca per visualizzare)CODICE<div class="diaryc" style="border-left: 10px solid COLOREPG;"><div class="diaryname" style="background: COLOREPG">NOME COGNOME </div><div class="diaryimg">[IMG]https://via.placeholder.com/200x140[/IMG]</div><div class="diarytext"><div style="overflow: auto; height:100px; padding-right: 5px;"><div class="blapgv2" style="margin-right: 5px; float: left">ABOUT</div> INFO GENERALI SUL PG, PNG O ALTRO; TESTO QUI;</div></div>
<div class="diaryna"style="background: COLOREPG; color: #000;">[URL=https://scheda]<i class="fa fa-id-card" style="color: white; font-size: 16px; margin-right:10px; margin-top: 2px;" title="Scheda"></i>[/URL][URL=https://social]<i class="fa fa-comment" style="color: white; font-size: 16px; margin-right:10px; margin-top: 2px;" title="Social"></i>[/URL][URL=https://story]<i class="fa fa-book" style="color: white; font-size: 16px; margin-top: 2px;" title="Stories"></i>[/URL]<div class="sv2bla" style="background: TIPOPG; color: #eee;">GHOUL/UMANO/CCG</div><div class="sv2bla">XX Y.O</div><div class="sv2bla">INFO</div><div class="sv2bla">INFO</div><div class="sv2bla">INFO</div></div>
<div class="diarytext0"><div class="diaryrole" style="border-left: 5px solid COLOREROLE;">[URL=http://"%20target=][color=COLOREPG]TITOLO ROLE[/color][/URL]
GG/MM/AAAA @where - with [URL=http://"%20target=]WHO[/URL]
(Descrizione role opzionale)</div>
<div class="diaryrole" style="border-left: 5px solid COLOREROLE;">[URL=http://"%20target=][color=COLOREPG]TITOLO ROLE[/color][/URL]
GG/MM/AAAA @where - with [URL=http://"%20target=]WHO[/URL]
(Descrizione role opzionale)</div>
<div class="diaryrole" style="border-left: 5px solid COLOREROLE;">[URL=http://"%20target=][color=COLOREPG]TITOLO ROLE[/color][/URL]
GG/MM/AAAA @where - with [URL=http://"%20target=]WHO[/URL]
(Descrizione role opzionale)</div>
<div class="diaryrole" style="border-left: 5px solid COLOREROLE;">[URL=http://"%20target=][color=COLOREPG]TITOLO ROLE[/color][/URL]
GG/MM/AAAA @where - with [URL=http://"%20target=]WHO[/URL]
(Descrizione role opzionale)</div></div>
<div class="diarytext1"><div style="overflow: auto; height:150px; padding-right: 5px;"><div class="blapgv2" style="margin-right: 5px; float: left">CERCASI</div> TESTO QUI; CERCASI PER TRAME, ROLE O ALTRO;
<div class="blapgv2" style="margin-left: 5px; float: right">CERCASI</div> TESTO QUI
<div class="blapgv2" style="margin-right: 5px; float: left">CERCASI</div> TESTO QUI
</div></div><div class="diarytext2"><div style="overflow: auto; height:150px; padding-right: 5px;">[URL=http://"%20target=][color=#999]Nome PG[/color][/URL]
<div style="background: #333; padding: 2px;"><div style="margin-left: 0px; background: gray; width: 10%; height: 10px"></div></div>
[URL=http://"%20target=][color=#999]Nome PG[/color][/URL]
<div style="background: #333; padding: 2px;"><div style="margin-left: 0px; background: gray; width: 10%; height: 10px"></div></div>
[URL=http://"%20target=][color=#999]Nome PG[/color][/URL]
<div style="background: #333; padding: 2px;"><div style="margin-left: 0px; background: gray; width: 10%; height: 10px"></div></div>
[URL=http://"%20target=][color=#999]Nome PG[/color][/URL]
<div style="background: #333; padding: 2px;"><div style="margin-left: 0px; background: gray; width: 10%; height: 10px"></div></div>
[URL=http://"%20target=][color=#999]Nome PG[/color][/URL]
<div style="background: #333; padding: 2px;"><div style="margin-left: 0px; background: gray; width: 10%; height: 10px"></div></div>
[URL=http://"%20target=][color=#999]Nome PG[/color][/URL]
<div style="background: #333; padding: 2px;"><div style="margin-left: 0px; background: gray; width: 10%; height: 10px"></div></div>
</div></div>
</div>NOME COGNOMEABOUTLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.CERCASILorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel.CERCASIPellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue un brandit mollis, nebh dolor dignissim purus, in scelerisque nisi sapien quis massa.CERCASIQuisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.
CODICE SOTTO SPOILER VER. BSPOILER (clicca per visualizzare)CODICE<div class="diaryc" style="border-left: 10px solid COLOREPG;"><div class="diaryname" style="background: COLOREPG">NOME COGNOME </div><div class="diaryimg">[IMG]https://via.placeholder.com/200x140[/IMG]</div><div class="diarytext"><div style="overflow: auto; height:100px; padding-right: 5px;"><div class="blapgv2" style="margin-right: 5px; float: left">ABOUT</div> INFO GENERALI SUL PG, PNG O ALTRO; TESTO QUI;</div></div>
<div class="diaryna"style="background: COLOREPG; color: #000;">[URL=https://scheda]<i class="fa fa-id-card" style="color: white; font-size: 16px; margin-right:10px; margin-top: 2px;" title="Scheda"></i>[/URL][URL=https://social]<i class="fa fa-comment" style="color: white; font-size: 16px; margin-right:10px; margin-top: 2px;" title="Social"></i>[/URL][URL=https://story]<i class="fa fa-book" style="color: white; font-size: 16px; margin-top: 2px;" title="Stories"></i>[/URL]<div class="sv2bla" style="background: TIPOPG; color: #eee;">GHOUL/UMANO/CCG</div><div class="sv2bla">XX Y.O</div><div class="sv2bla">INFO</div><div class="sv2bla">INFO</div><div class="sv2bla">INFO</div></div>
<div class="diarytext0"><div class="diaryrole" style="border-left: 5px solid COLOREROLE;">[URL=http://"%20target=][color=COLOREPG]TITOLO ROLE[/color][/URL]
GG/MM/AAAA @where - with [URL=http://"%20target=]WHO[/URL]
(Descrizione role opzionale)</div>
<div class="diaryrole" style="border-left: 5px solid COLOREROLE;">[URL=http://"%20target=][color=COLOREPG]TITOLO ROLE[/color][/URL]
GG/MM/AAAA @where - with [URL=http://"%20target=]WHO[/URL]
(Descrizione role opzionale)</div>
<div class="diaryrole" style="border-left: 5px solid COLOREROLE;">[URL=http://"%20target=][color=COLOREPG]TITOLO ROLE[/color][/URL]
GG/MM/AAAA @where - with [URL=http://"%20target=]WHO[/URL]
(Descrizione role opzionale)</div>
<div class="diaryrole" style="border-left: 5px solid COLOREROLE;">[URL=http://"%20target=][color=COLOREPG]TITOLO ROLE[/color][/URL]
GG/MM/AAAA @where - with [URL=http://"%20target=]WHO[/URL]
(Descrizione role opzionale)</div></div>
<div class="diarytext1"><div style="overflow: auto; height:150px; padding-right: 5px;"><div class="blapgv2" style="margin-right: 5px; float: left">CERCASI</div> TESTO QUI; CERCASI PER TRAME, ROLE O ALTRO;
<div class="blapgv2" style="margin-left: 5px; float: right">CERCASI</div> TESTO QUI
<div class="blapgv2" style="margin-right: 5px; float: left">CERCASI</div> TESTO QUI
</div></div><div class="diarytext3"><div class="diarypng"><div style="overflow:auto; height: 50px; padding-right: 5px;">[IMG]http://via.placeholder.com/50x50[/IMG] [URL=http://" target=][color=COLOREPG]NOME PG[/color][/URL]
TESTO DESCRITTIVO DEL RAPPORTO QUI</div></div>
<div class="diarypng"><div style="overflow:auto; height: 50px; padding-right: 5px;">[IMG]http://via.placeholder.com/50x50[/IMG] [URL=http://" target=][color=COLOREPG]NOME PG[/color][/URL]
TESTO DESCRITTIVO DEL RAPPORTO QUI</div></div>
<div class="diarypng"><div style="overflow:auto; height: 50px; padding-right: 5px;">[IMG]http://via.placeholder.com/50x50[/IMG] [URL=http://" target=][color=COLOREPG]NOME PG[/color][/URL]
TESTO DESCRITTIVO DEL RAPPORTO QUI</div></div>
</div>
</div>NOME COGNOMEABOUTLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.CERCASILorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel.CERCASIPellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue un brandit mollis, nebh dolor dignissim purus, in scelerisque nisi sapien quis massa.CERCASIQuisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.NOME PG
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna.NOME PG
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna.NOME PG
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna.
Edited by alyë - 30/5/2021, 14:55. -
.CITAZIONE#STORY (INDICE + TESTO) 01
In alcuni punti è possibile personalizzare uno dei colori del code, sostituire "COLOREPG" con un colore hex o html.
Se si è ferrati nell'uso del css, è permesso modificare anche gli altri colori aggiungendo, per esempio, un style="..." dopo il selettore class="..." dell'area che si vuole cambiare (basta non cambiare la struttura del code)!
Se serve aiuto si prega di contattare Alye.
I codici proposti sono due: uno che fa da indice alle storie e uno usato per pubblicare il testo delle suddette storie. L'altezza del secondo codice si allunga automaticamente in base al corpo del testo e, se desiderato, è possibile aggiungere delle immagini di accompagnamento a discrezione dell'utente.
La dimensione dell'immagine per l'indice è 150x300px.
(L'immagine viene ridimensionata/tagliata automaticamente, utile per l'uso diretto di gif)
CODICE "INDICE" SOTTO SPOILERSPOILER (clicca per visualizzare)CODICE<div class="storyc" style="border-left: 10px solid COLOREPG;"><div class="storyindex" style="background: COLOREPG">INDICE</div>[URL=http://scheda][IMG]https://via.placeholder.com/150x300[/IMG][/URL]<div class="storyindex1"><div style="height: 261px; overflow: auto">[URL=http://"%20target=][color=COLOREPG]Titolo Storia[/color][/URL]
↳ @ where? - GG/MM/AAAA ft. NOMI ALTRI PG
[URL=http://"%20target=][color=COLOREPG]Titolo Storia[/color][/URL]
↳ @ where? - GG/MM/AAAA ft. NOMI ALTRI PG
(AGGIUNGERE ALLA LISTA QUI)
</div></div></div>
CODICE "TESTO" SOTTO SPOILERSPOILER (clicca per visualizzare)CODICE<div class="storytext" style="border-left: 10px solid COLOREPG; border-right: 10px solid COLOREPG;"><div class="storytitle" style="background: COLOREPG;">TITOLO STORIA</div><div class="storyinfo" style="color: COLOREPG;">DOVE, WARD X, TOKYO; GG/MM/AAAA, ORA; FT. NOME ALTRI PG CITATI</div><div class="storytext1">INCOLLARE TESTO DELLA STORIA QUI</div></div>TITOLO STORIALorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus.
Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.
Edited by alyë - 30/5/2021, 15:15. -
.CITAZIONE#ROLE 04
In alcuni punti è possibile personalizzare uno dei colori del code, sostituire "COLOREPG" con un colore hex o html.
Se si è ferrati nell'uso del css, è permesso modificare anche gli altri colori aggiungendo, per esempio, un style="..." dopo il selettore class="..." dell'area che si vuole cambiare (basta non cambiare la struttura del code)!
Se serve aiuto si prega di contattare Alye.
L'immagine è 565x150px.
(Le immagini vengono ridimensionate/tagliate automaticamente, utile per l'uso diretto di gif)
Cambiare "background: TIPOPG" con:
- "background: darkred" per i ghoul
- "background: navy" per gli investigatori
- "background: green" per gli umani
CODICE SOTTO SPOILERSPOILER (clicca per visualizzare)HTML<div class="rolev2b" style="border-left: 10px solid COLOREPG;"><div class="narv2b" style="background: COLOREPG;">NOME COGNOME</div><div class="textrv2b"><div style="overflow: auto; height:220px; padding-right: 5px;">TESTO ROLE</div></div><div class="imgrv2b">[URL=https://linkscheda][IMG]URLIMMAGINE[/IMG][/URL]</div><div class="inforv2b"><div class="bohrv2a" style="background: TIPOPG; color: #fff;">TIPOPG</div> <div class="bohrv2">XX Y.O</div> <div class="bohrv2">ALIAS</div> <div class="bohrv2">JOB</div> <div class="bohrv2">INFO</div></div></div>NOME COGNOMELorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. Curabitur rutrum vestibulum risus, eget imperdiet tellus iaculis nec. Aenean ultricies placerat nunc, sed commodo orci dignissim vel. Pellentesque in augue eget lacus egestas pellentesque dignissim a nisl. Morbi lacinia, ipsum sed condimentum mollis, felis velit varius elit, nec imperdiet tellus tortor nec metus. Quisque diam tellus, rhoncus ac ipsum commodo, scelerisque suscipit est. Cras ac ipsum metus. Aliquam vel erat suscipit, luctus magna id, elementum orci. Donec lobortis, augue non blandit mollis, nibh dolor dignissim purus, in scelerisque nisi sapien quis massa. Quisque pretium bibendum ultrices. Praesent non nunc in enim efficitur ultrices eget in sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut id ultricies diam.TIPOPGXX Y.OALIASJOBINFO.