fearful necromancer
■■■■■
- Group
- Staff
- Posts
- 4,866
- Power-up
- +749
- Location
- The Abyss
- Status
- Ghost
|
|
CITAZIONE #DIARY 01In 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. A
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 COGNOME ABOUT 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. GHOUL XX Y.O KAGUNE RANK ALIAS CERCASI 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. CERCASI 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 un brandit mollis, nebh dolor dignissim purus, in scelerisque nisi sapien quis massa. CERCASI 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.
CODICE SOTTO SPOILER VER. B
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 COGNOME ABOUT 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. GHOUL XX Y.O KAGUNE RANK ALIAS CERCASI 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. CERCASI 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 un brandit mollis, nebh dolor dignissim purus, in scelerisque nisi sapien quis massa. CERCASI 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 PGLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. NOME PGLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, libero vitae congue cursus, lectus arcu blandit lorem, sed gravida velit est sed urna. NOME PGLorem 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#DIARY 01
.