-
.
Schema - 1
Lascerei all'utenza cambiare i colori di parlato e pensato, il font e i colori della barretta a destra e in basso.
by
bySPOILER (clicca per visualizzare)HTML<div align= "center"><div style="width:100%; max-width: 400px;color: black; background:#fafafa; overflow:hidden;">[IMG]URL IMMAGINE[/IMG]<div align="center" style="font-family: serif; color: black; font-size:22pt; line-height:105%; padding-bottom:5px; padding-top:3px;">Nome Cognome
<div align="right"><span style="background:#134; font-size:11pt; color:orange; border-radius:10px 0px 0px 10px; padding:3px">Casata(o altro) | xx anni</span></div></div><div align="justify" style="overflow-y: scroll; height: 250px; padding:7px; font-family: Palatino Linotype; font-size: 11pt; line-height:115%;">
</div><div align="center" style="font-family: trebuchet; font-size:11pt; line-height:110%; padding:1px; border-top: solid #134 8px">[color=orange]"Parlato"[/color] - <i>'Pensato'</i> - <u>"Ascoltato"</u> | [URL=scheda.pg][color=black]Scheda PG[/color][/URL] [URL=scheda.stat][color=black]Stat.[/color][/URL]</div></div>[URL=https://reveliohogwartsharrypottergdr.forumfree.it/]RevelioGDR[/URL]</div>
bySPOILER (clicca per visualizzare)HTML<div align= "center"><div style="width:100%; max-width: 400px;color: silver; background:#111; overflow:hidden;">[IMG]URL IMMAGINE[/IMG]<div align="center" style="font-family: serif; color: maroon; font-size:22pt; line-height:105%; padding-bottom:5px; padding-top:3px;">Nome Cognome
<div align="right"><span style="font-size:11pt; background:maroon; color:black; border-radius:10px 0px 0px 10px; padding:3px">Black Opal | xx anni</span></div></div><div align="justify" style="overflow-y: scroll; height: 250px; padding:7px; font-family: Palatino Linotype; font-size: 11pt; line-height:115%;">
</div><div align="center" style="font-family: trebuchet; font-size:11pt; line-height:110%; padding:1px; border-top: solid maroon 4px">[color=maroon]"Parlato"[/color] - <i>'Pensato'</i> - <u>"Ascoltato"</u> | [URL=scheda.pg][color=silver]Scheda[/color][/URL] | [URL=scheda.stat][color=maroon]Stat.[/color] [/URL]</div></div>[URL=https://reveliohogwartsharrypottergdr.forumfree.it/]RevelioGDR[/URL]</div>
bySPOILER (clicca per visualizzare)HTML<div align= "center"><div style="width:100%; max-width: 400px;color: silver; background:#111; overflow:hidden;">[IMG]URL IMMAGINE[/IMG]<div align="center" style="font-family: serif; color: indigo; font-size:22pt; line-height:105%; padding-bottom:5px; padding-top:3px;">Nome Cognome
<div align="right"><span style="font-size:11pt; background:orange; color:indigo; border-radius:10px 0px 0px 10px; padding:3px">Ametrin | xx anni</span></div></div><div align="justify" style="overflow-y: scroll; height: 250px; padding:7px; font-family: Palatino Linotype; font-size: 11pt; line-height:115%;">
</div><div align="center" style="font-family: trebuchet; font-size:11pt; line-height:110%; padding:1px; border-top: solid indigo 4px">[color=orange]"Parlato"[/color] - <i>'Pensato'</i> - <u>"Ascoltato"</u> | [URL=scheda.pg][color=orange]Scheda[/color][/URL] | [URL=scheda.stat][color=indigo]Stat.[/color] [/URL]</div></div>[URL=https://reveliohogwartsharrypottergdr.forumfree.it/]RevelioGDR[/URL]</div>
bySPOILER (clicca per visualizzare)HTML<div align= "center"><div style="width:100%; max-width: 400px;color: silver; background:#111; overflow:hidden;">[IMG]URL IMMAGINE[/IMG]<div align="center" style="font-family: serif; color: darkcyan; font-size:22pt; line-height:105%; padding-bottom:5px; padding-top:3px;">Nome Cognome
<div align="right"><span style="font-size:11pt; background:midnightblue; color:darkcyan; border-radius:10px 0px 0px 10px; padding:3px">Dioptase | xx anni</span></div></div><div align="justify" style="overflow-y: scroll; height: 250px; padding:7px; font-family: Palatino Linotype; font-size: 11pt; line-height:115%;">
</div><div align="center" style="font-family: trebuchet; font-size:11pt; line-height:110%; padding:1px; border-top: solid darkcyan 4px">[color=cyan]"Parlato"[/color] - <i>'Pensato'</i> - <u>"Ascoltato"</u> | [URL=scheda.pg][color=darkcyan]Scheda[/color][/URL] | [URL=url.scheda.statistiche][color=midnightblue]Stat.[/color] [/URL]</div></div>[URL=https://reveliohogwartsharrypottergdr.forumfree.it/]RevelioGDR[/URL]</div>
Schema 2
Lascerei decidere colori di narrato, parlato, pensato e del bordo, nonché il font e di poter liberamente cambiare il simbolo tra nome e cognome, che ha il link per la schedaSPOILER (clicca per visualizzare)HTML<div align= "center"><div style="width:100%; max-width: 370px;color: chocolate; overflow:hidden; border-left: #6D6 solid 6px; overflow:hidden;border-radius: 6px 0px 6px 6px ">[IMG]url immagine[/IMG]<div align="center" style="font-family: Trebuchet; color: black; font-size:18pt; line-height:115%; padding:5px;">[color=chocolate]Nome Cognome[/color] [URL=http://link.scheda]♣[/url] [color=forestgreen]Professione[/color]</div><div align="justify" style="overflow-y: scroll; height: 250px; padding:7px; font-family: Palatino Linotype; font-size: 11pt; line-height:115%;; border-top: solid #6D6 1px; border-bottom: solid #6D6 4px;"><center>[color=forestgreen]"Parlato"[/color] - [color=orange]'Pensato'[/color] - <u>"Ascoltato"</u></center>
ciao ciao ciao
</div></div>[URL=https://reveliohogwartsharrypottergdr.forumfree.it/]RevelioGDR[/URL]</div>
Schema 3
Un rolescheme più corposo che fornisce più informazioni del PG e forse più adatto ad adulti che studenti.
Lascerei libertà per colori di sfondi, bordi e font.SPOILER (clicca per visualizzare)HTML<div align= "center"><div style="width:100%; max-width: 400px; background:#600; background: linear-gradient(to top , navy 0%, #339 50%, aqua 100%); color:#999; overflow:hidden; overflow:hidden; padding-top:20px; padding-right:20px; padding-left:20px; padding-bottom:0px">[IMG]URL IMMAGINE[/IMG]<div align="center" style="font-family: geneva; color: aquamarine; font-size:32pt; line-height:110%; padding:3px;">Nome Cognome</div><div align="justify" style="background:#00121f; overflow-y: scroll; height: 250px; padding:7px; font-family: Palatino Linotype; font-size: 11pt; line-height:115%; border-top:olivedrab solid 2px; border-right:olivedrab solid 2px; border-bottom:aquamarine solid 2px; border-left:aquamarine solid 2px">
</div><table width="75%" cellpadding="6">
<tr>
<td><div align="left" style="background:#00121f; font-family: Palatino Linotype; font-size: 11pt; line-height:115%; width:120px; height:70px; border: olivedrab solid 2px; padding:10px;">Narrato
[color=olivedrab]"Parlato"[/color]
[color=aquamarine]'Pensato'[/color]
<u>"Ascoltato"</u></div></td>
<td><div align="left" style="background:#00121f; font-family: Palatino Linotype; font-size: 11pt; line-height:115%; width:160px; height:70px; border: olivedrab solid 2px; padding:10px;">Professione
xx anni
[URL=schedapg][color=#999]Scheda PG[/color][/URL]
[URL=schedastat][color=#999]Statistiche[/color][/URL]</u></div></td>
</tr></td></table><div align="right" style="padding-bottom:3px; color:aquamarine">[URL=https://reveliohogwartsharrypottergdr.forumfree.it/]RevelioGDR[/URL]</div></div></div>
Schema 3 bis
Variante del precedente, anche per farvi capire quanto sia variabile da PG a PG, ma soprattutto perché era pensato per un professore, quindi con uno spazio dedicato alle note off della lezione senza bisogno di spoiler (per inciso, anche Lance era prof, ma su quello schema andavo comodamente con altre soluzioni xD per dire che non lo trovo fondamentale per la vita, ma può essere comodo).SPOILER (clicca per visualizzare)HTML<div align= "center"><div style="width:100%; max-width: 400px; background: linear-gradient(to left top, #d5d5d5 0%, #aaa 50%, #888 100%); color:olivedrab; overflow:hidden; overflow:hidden; padding-top:20px; padding-right:20px; padding-left:20px; padding-bottom:0px">[IMG]URL IMG[/IMG]<div align="center" style="font-family: geneva; color: firebrick; font-size:28pt; line-height:110%; padding:3px;">Nome Cognome</div><div align="justify" style="background:#151515; overflow-y: scroll; height: 250px; padding:7px; font-family: Palatino Linotype; font-size: 11pt; line-height:115%; border-top:grey solid 2px; border-right:grey solid 2px; border-bottom:firebrick solid 2px; border-left:firebrick solid 2px">
</div><table width="75%" cellpadding="6">
<tr>
<td><div align="left" style="background:#151515; font-family: Palatino Linotype; font-size: 11pt; line-height:115%; width:70px; height:100px; border: gray solid 2px; padding:10px;"><div align="center">[color=gray]<b>INFO</b>[/color]</div>
[URL=?t=72153712][color=olivedrab]Scheda PG[/color][/URL]
[color=gray]"Parlato"[/color]
[color=firebrick]'Pensato'[/color]
<u>Ascoltato</u>
</div></td>
<td><div align="left" style="background:#151515; font-family: Palatino Linotype; font-size: 10pt; line-height:115%; width:220px; height:100px; border: gray solid 2px; padding:10px; overflow-y:scroll;"><div align="center">[color=gray]<b>NOTE OFF</b>[/color]</div>
</div></td>
</tr></td>
</table><div align="right" style="padding-bottom:3px; color:olivedrab">[URL=https://reveliohogwartsharrypottergdr.forumfree.it/]RevelioGDR[/URL]</div></div></div>
Schema 4
In questo lascerei libertà di gestirsi le strisce colorate e il colore di parlato e pensato.SPOILER (clicca per visualizzare)HTML<div align= "center"><div style="width:100%; max-width: 420px;color: black; background:#ccc; overflow:hidden; border-radius:0px 40px 40px 0px">[IMG]URL IMG[/IMG]<div align="center" style="font-family: Trebuchet; color: black; font-size:14pt; line-height:105%; padding-bottom:5px; padding-top:3px; background:#9F9">[color=chocolate]Nome Cognome[/color] | [color=forestgreen]Casata[/color]</div><div align="justify" style="overflow-y: scroll; height: 250px; padding:7px; font-family: Palatino Linotype; font-size: 11pt; line-height:115%;">ciao ciao ciao
[color=green]ciao ciao ciao[/color]
[color=chocolate]ciao ciao ciao[/color]
</div><div align="center" style="background:#9F9; font-family: trebuchet; font-size:11pt; line-height:110%; padding:2px">[color=green]"Parlato"[/color] - [color=chocolate]'Pensato'[/color] - <u>"Ascoltato"</u> | [URL=scheda.pg][color=BLACK]Scheda PG[/color][/URL] [URL=scheda.stat][color=BLACK]Stat.[/color][/URL] </div></div>[URL=https://reveliohogwartsharrypottergdr.forumfree.it/]RevelioGDR[/URL]</div>
Edited by Lancelot Olwen - 5/8/2019, 09:39. -
.
Code per role rapide e/o da una notte
Di seguito vi lascio un codicino per le role che richiedono post più rapidi e brevi.
Nota *** Potete inserire qualunque immagine vogliate MA a patto che sia già QUADRATA di qualsiasi dimensione
Ricordiamo che la parte per il riassunto aiuta TUTTI gli utenti a capire subito con chi state interagendo e dove vi trovate MA non sostituisce lo spoiler, dove inserire in modo approfondito ogni cosa.
ANTEPRIMA:nome cognome pgTesto testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo → scheda pg | stat
RIASSUNTINO DELLE AZIONI PRINCIPALISPOILER (clicca per visualizzare)CODICE<div style="width:600px"><div style="float: left; margin-right: 10px; border-radius:50px 50px 50px 50px; overflow:hidden; width:100px; height:100px; background-size: 100% auto;">[IMG]IMMAGINE-QUADRATA[/IMG]</div><p align="left"><span style="display:block; font-family: georgia; text-transform: lowercase; font-size: 17px; letter-spacing: 0px; color: #e8e8e8; padding-bottom: 6px; text-shadow: 1px 1px 1px #000; text-align:left"> nome cognome pg</span><span style="display:block;width:550px; background-color:#EFEEEE; border: 1px solid #D4D2D2; border-radius: 10px"><span style="display:block;font-style:arial; font-size:11px; color: #000; padding: 5px; line-heigth: 12px; text-align: justify">Testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo </span></span> → [URL=http://SCHEDA]scheda pg[/URL] | [URL=STAT]stat[/URL]</p>
<span style="display:block;width:550px; background-color:#e0ebeb; border: 1px solid #D4D2D2; border-radius: 10px"><span style="display:block;font-style:arial; font-size:11px; color: #000; padding: 5px; line-heigth: 12px; text-align: justify"><b>RIASSUNTINO DELLE AZIONI PRINCIPALI</b></span></span>
</div></div>[CENTER][size=0][URL=https://reveliohogwartsharrypottergdr.forumfree.it/]@reveliogdr[/size][/URL][/CENTER]
nota *** L'immagine si setta in automatico ma è necesssario usare un'immagine di base QUADRATA di qualunque dimensione <3.