Role e GdR abbelliti

« Older Newer »

Fleira

Posted on 1/8/2013, 15:24

Group:: The Queen

Posts:: 9,828

Reputation:: +147

Location:: da una stalla cadente

Status:

Scheletri Moduli Ruolate
codici e tutorial

Qui potete prelevare i codici delle celle per abbellire la vostra ruolata ^^
nel codice alcuni campi sono stati sostituiti,in modo tale da poterli personalizzare come preferite

Vi consiglio di mettere il vostro modulo personalizzato nella vostra scheda personaggio,in modo da prelevarlo da lì ed evitare di rifarlo ogni volta

Richiesta Banner

Per i banner potete fare richiesta o quando create la scheda pg o inviando un mp agli stylist (grafici del forum) o a me

Moduli in costruzione

Edited by Dear Fran - 7/5/2015, 15:01

Web Contacts

Dear Fran

Posted on 18/6/2014, 00:01 +1

Chi non ha mai visto una tabella? Molti forum di Grafica e GDR ne fanno uso. In un forum GDR ha come obbiettivo quello di personalizzare la scheda o il post di un utente, ed è utile per fare una role ordinata. Qui il codice che attualmente uso, ed una breve e semplice spiegazione di alcuni codici per gli inesperti che vogliono personalizzare la propria tabella.

ANTEPRIMA

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 .

CODICE

<table border="10" cellpadding="5" cellspacing="5" height="160" width="560">

<tr>
<td valign="top" height="160" width="560"><div style="font-family: Calibri Light; font-size: 16px; color: #9c9c9c; background-color: #121212; float: justify; text-align: justify; padding: 10px; line-height: 17px; letter-spacing: 1px; border: 3px solid #ffffff; -moz-border-radius: 9px; -webkit-border-radius: 9px;">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 .

</td>
</tr>

</table>
</div>

— table border è il bordo della (prima) tabella, quella più esterna. Basta inserire il numero 0 per toglierla.
— cellpadding e cellspacing hanno come obbiettivo quello di creare spazio all'interno delle tabelle/celle. Basta inserire il numero 0 per non metterlo.

SPOILER (clicca per visualizzare)

[FONTE]

— height e width sono rispettivamente l'Altezza e la Larghezza della tabella (in pixel, non centimetri).
— TR definisce le righe della tabella.
— TD racchiude i dati della tabella.
— div è un contenitore, style indica lo stile del contenitore e del suo contenuto.
— font-family è il carattere, lo stile con cui scrivi. Arial, Times ecc. sono font.
— font-size indica la dimensione del carattere/font.
— color indica il colore del carattere.
— background-color è il colore dello sfondo della tabella.
— float è l'allineamento del contenuto dentro la tabella. (center, justify, left, right)
— text-align è l'allineamento del testo. (center, justify, left, right)
— padding è la distanza fra il bordo della tabella ed il suo contenuto.
— line-height è la distanza fra una riga di testo e l'altra.
— letter-spacing è la distanza fra le lettere.
— border è il bordo della tabella (solid, dotted, dashed)
— moz-border-radius e webkit-border-radius servono per arrotondare i bordi della tabella.
— i PX sono i pixel. Potete cambiare lo spessore e le dimensioni a qualsiasi cosa!

ESEMPIO DI BORDO SOLID

ESEMPIO DI BORDO DOTTED

ESEMPIO DI BORDO DASHED

ESEMPIO SENZA BORDO

ohohohohoh
OLLALLA'!
divertitevi e sbizzarritevi!
(ma non troppo, o vi picchiamo)

Edited by Dear Fran - 5/8/2015, 19:32

Dear Fran

Posted on 4/8/2015, 10:56

Tabella informativa dei PG nelle role

Avvertimento importante: forumcommunity e forumfree fanno molto spesso a botte con i codici HTML. Nel momento che andate a modificare un post con all'interno un codice, esso può perdere dei pezzi perché (apparentemente) non supportati. Ricordatevi quindi di salvare in un blocco note sul vostro computer il vostro codice/tabella per stare sul sicuro!

Nome: (nome con allegato il link della scheda)
Status: dettagli sulla condizione fisica. (malato, in forma, morente, braccio rotto, ecc..)
Energia: 100%
Bonus: bonus magici
Malus: malus magici

Titolo role precedente < Titolo role attuale

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)

CODICE

<table border="0" cellpadding="0" cellspacing="0" height="100" width="560">

<tr>
<td valign="top" height="140" width="360" background="http://i.imgur.com/BiTJf4w.png"><div style="font-family: Calibri Light; font-size: 16px; color: #e6662e; background-color: #------; float: justify; text-align: justify; padding: 10px; line-height: 16px; letter-spacing: 1px; border: 5px solid #ffffff; -moz-border-radius: 0px; -webkit-border-radius: 0px;"><img src="LINK IMMAGINE AVATAR 100x100px"; style="float:left; margin: 10px">
<b>Nome:</b> (nome con allegato il link della scheda)
<b>Status:</b> dettagli sulla condizione fisica. (malato, in forma, morente, braccio rotto, ecc..)
<b>Energia:</b> 100%
<b>Bonus:</b> bonus magici
<b>Malus:</b> malus magici
[CENTER][URL=LINK ROLE][color=orange]<i>Titolo role precedente</i>[/color][/URL] < <b>Titolo role attuale</b>
(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)[/CENTER]
</td>
</tr>

</table>
</div>

Passato < Presente

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)

CODICE

<table border="0" cellpadding="0" cellspacing="0" height="100" width="560">

<tr>
<td valign="top" height="140" width="360" background="http://i.imgur.com/MzJccW1.png"><div style="font-family: Arial Narrow; font-size: 16px; color: #000823; background-color: #------; float: justify; text-align: justify; padding: 10px; line-height: 16px; letter-spacing: 1px; border: 5px solid #000000; -moz-border-radius: 0px; -webkit-border-radius: 0px;"><img src="LINK AVATAR 100x100px"; style="float:left; margin: 10px">
<b>Nome:</b> (nome con allegato il link della scheda)
<b>Status:</b> dettagli sulla condizione fisica. (malato, in forma, morente, braccio rotto, ecc..)
<b>Energia:</b> 100%
<b>Bonus:</b> bonus magici
<b>Malus:</b> malus magici<hr>
[CENTER][URL=null][color=lightblue]<i>Passato</i>[/color][/URL] < <b>Presente</b>

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)[/CENTER]
</td>
</tr>

</table>
</div>

Nome: (nome e link)
Status: dettagli sulla condizione fisica. (malato, in forma, morente..)
Energia: 100%
Bonus: bonus magici
Malus: malus magici


Titolo role precedente < Titolo role attuale

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)

CODICE

<table border="0" cellpadding="0" cellspacing="0" height="100" width="560">

<tr>
<td valign="top" height="140" width="360" background="http://i.imgur.com/ivTaikz.png"><div style="font-family: Courier; font-size: 14px; color: #008f0d; background-color: #------; float: justify; text-align: justify; padding: 10px; line-height: 16px; letter-spacing: 1px; border: 5px solid #113d05; -moz-border-radius: 0px; -webkit-border-radius: 0px;"><img src="LINK AVATAR 100x100px"; style="float:left; margin: 10px">
<b>Nome:</b> (nome e link)
<b>Status:</b> dettagli sulla condizione fisica. (malato, in forma, morente..)
<b>Energia:</b> 100%
<b>Bonus:</b> bonus magici
<b>Malus:</b> malus magici

<hr>
[CENTER][URL=null][color=yellow]<i>Titolo role precedente</i>[/color][/URL] < <b>Titolo role attuale</b>

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)[/CENTER]
</td>
</tr>

</table>
</div>

Nome: (nome e link)
Status: dettagli sulla condizione fisica. (malato, in forma, morente..)
Energia: 100%
Bonus: bonus magici
Malus: malus magici


Titolo role precedente < Titolo role attuale

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)

CODICE

<table border="0" cellpadding="0" cellspacing="0" height="100" width="560">

<tr>
<td valign="top" height="140" width="360" background="http://i.imgur.com/3KW3WYe.png"><div style="font-family: Courier; font-size: 14px; color: #f08801; background-color: #------; float: justify; text-align: justify; padding: 10px; line-height: 16px; letter-spacing: 1px; border: 5px solid #f08801; -moz-border-radius: 0px; -webkit-border-radius: 0px;"><img src="LINK AVATAR 100x100px"; style="float:left; margin: 10px">
<b>Nome:</b> (nome e link)
<b>Status:</b> dettagli sulla condizione fisica. (malato, in forma, morente..)
<b>Energia:</b> 100%
<b>Bonus:</b> bonus magici
<b>Malus:</b> malus magici

<hr>
[CENTER][URL=null][color=red]<i>Titolo role precedente</i>[/color][/URL] < <b>Titolo role attuale</b>

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)[/CENTER]
</td>
</tr>

</table>
</div>

Edited by Dear Fran - 25/11/2015, 21:40

Dear Fran

Posted on 4/8/2015, 14:56

Ragazzi, per piacere, le domande fatele per messaggio privato. Questo è un archivio per i codici e le tabelle. Postate solo quelle!

CITAZIONE (l.pallad @ 4/8/2015, 13:45)

Come si fa a personalizzare? Vorrei creare qualcosa che si intoni con il colore del pelo e della criniera del mio pg. Ah, ed il banner è l'avatar da mettere nella tabella informativa?

Ho aggiornato il post precedente con nuove tabelle. Per poter personalizzare le tabelle devi leggere il codice e cambiare solo i campi modificabili, quali ad esempio i colori e le dimensioni. Nel secondo post di questo thread c'è una breve guida alla lettura dei codici.

CITAZIONE (Pinochef @ 4/8/2015, 15:44)

Codici Colori HTLM

Grazie Pino per il link del sito!

Edited by Dear Fran - 13/8/2015, 10:07

Dear Fran

Posted on 4/8/2015, 15:30

Tabelle semplici

Passato < Presente

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)

CODICE

<table border="0" cellpadding="0" cellspacing="0" height="100" width="560">

<tr>
<td valign="top" height="140" width="360"><div style="font-family: Arial Narrow; font-size: 16px; color: #000823; background-color: #194751; float: justify; text-align: justify; padding: 10px; line-height: 16px; letter-spacing: 1px; border: 5px solid #042b34; -moz-border-radius: 0px; -webkit-border-radius: 0px;"><img src="LINK AVATAR"; style="float:left; margin: 10px">
<b>Nome:</b> (nome con allegato il link della scheda)
<b>Status:</b> dettagli sulla condizione fisica. (malato, in forma, morente, braccio rotto, ecc..)
<b>Energia:</b> 100%
<b>Bonus:</b> bonus magici
<b>Malus:</b> malus magici<hr>
[CENTER][URL=null][color=lightblue]<i>Passato</i>[/color][/URL] < <b>Presente</b>

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)[/CENTER]
</td>
</tr>

</table>
</div>

Passato < Presente

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)

CODICE

<table border="0" cellpadding="0" cellspacing="0" height="100" width="560">

<tr>
<td valign="top" height="140" width="360"><div style="font-family: Arial Narrow; font-size: 16px; color: #14b498; background-color: #c5f0cc; float: justify; text-align: justify; padding: 10px; line-height: 16px; letter-spacing: px; border: 5px solid #6cc79d; -moz-border-radius: 0px; -webkit-border-radius: 50px;"><img src="http://i.imgur.com/gMCuDEC.png"; style="float:left; margin: 10px">
<b>Nome:</b> (nome con allegato il link della scheda)
<b>Status:</b> dettagli sulla condizione fisica. (malato, in forma, morente, braccio rotto, ecc..)
<b>Energia:</b> 100%
<b>Bonus:</b> bonus magici
<b>Malus:</b> malus magici<hr>
[CENTER][URL=null]<i>Passato</i>[/URL] < <b>Presente</b>

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)[/CENTER]
</td>
</tr>

</table>
</div>

Passato < Presente

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)

CODICE

<table border="0" cellpadding="0" cellspacing="0" height="100" width="560">

<tr>
<td valign="top" height="140" width="360"><div style="font-family: Arial Narrow; font-size: 16px; color: #a02e51; background-color: #f0c5e2; float: justify; text-align: justify; padding: 10px; line-height: 16px; letter-spacing: px; border: 5px solid #d46c8c; -moz-border-radius: 0px; -webkit-border-radius: 50px;"><img src="AVATAR"; style="float:left; margin: 10px">
<b>Nome:</b> (nome con allegato il link della scheda)
<b>Status:</b> dettagli sulla condizione fisica. (malato, in forma, morente, braccio rotto, ecc..)
<b>Energia:</b> 100%
<b>Bonus:</b> bonus magici
<b>Malus:</b> malus magici<hr>
[CENTER][URL=null]<i>Passato</i>[/URL] < <b>Presente</b>

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)[/CENTER]
</td>
</tr>

</table>
</div>

Dear Fran

Posted on 13/8/2015, 11:05

...e con doppio bordo

Nome: (nome e link)
Status: dettagli sulla condizione fisica. (malato, in forma, morente..)
Energia: 100%
Bonus: bonus magici
Malus: malus magici

Titolo role precedente < Titolo role attuale

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)

CODICE

<table border="5" bordercolor="58c972" cellpadding="0" cellspacing="0" height="100" width="560">

<tr>
<td valign="top" height="140" width="360" background="http://i.imgur.com/ga7LVEx.png"><div style="font-family: Garamond; font-size: 16px; color: #176529; background-color: #------; float: justify; text-align: justify; padding: 10px; line-height: 16px; letter-spacing: 1px; border: 3px solid #319548; -moz-border-radius: 0px; -webkit-border-radius: 0px;"><img src="LINK AVATAR 100x100px"; style="float:left; margin: 10px">
<b>Nome:</b> (nome e link)
<b>Status:</b> dettagli sulla condizione fisica. (malato, in forma, morente..)
<b>Energia:</b> 100%
<b>Bonus:</b> bonus magici
<b>Malus:</b> malus magici

<hr>
[CENTER][URL=null]<i>[color=green]Titolo role precedente[/color]</i>[/URL] < <b>Titolo role attuale</b>

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)[/CENTER]
</td>
</tr>

</table>
</div>

Nome: (nome e link)
Status: dettagli sulla condizione fisica. (malato, in forma, morente..)
Energia: 100%
Bonus: bonus magici
Malus: malus magici

Titolo role precedente < Titolo role attuale

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)

CODICE

<table border="5" bordercolor="8848bf" cellpadding="0" cellspacing="0" height="100" width="560">

<tr>
<td valign="top" height="140" width="360" background="http://i.imgur.com/Am3XfIn.png"><div style="font-family: Franklin Gothic Book; font-size: 16px; color: #120a2e; background-color: #------; float: justify; text-align: justify; padding: 10px; line-height: 16px; letter-spacing: 1px; border: 3px solid #543371; -moz-border-radius: 0px; -webkit-border-radius: 0px;"><img src="http://i.imgur.com/nyAxV9T.png"; style="float:left; margin: 10px">
<b>Nome:</b> (nome e link)
<b>Status:</b> dettagli sulla condizione fisica. (malato, in forma, morente..)
<b>Energia:</b> 100%
<b>Bonus:</b> bonus magici
<b>Malus:</b> malus magici

<hr>
[CENTER][URL=null]<i>[color=red]Titolo role precedente[/color]</i>[/URL] < <b>Titolo role attuale</b>

(facoltativo, da aggiungere solo al primo post della role di ogni singolo partecipante)[/CENTER]
</td>
</tr>

</table>
</div>

Dear Fran

Posted on 13/8/2015, 11:34

Backgrounds/Sfondi
disclaimer: non ho creato nessuno di questi patterns. ho solo cambiato i colori.

FM4llrP 5iq6KUJ ga7LVEx LlVvUxM
BiTJf4w 2Ir6jMc FkOfxF1 Am3XfIn
0WIsmDY H2fJlnY VFY0Qp2 2lfCttX
p5rn6Rx BlJqA0I htUEMDi Kg6jsI1

Cliccate con il tasto destro del mouse sopra ad una delle seguenti immagini e selezionate "Copia URL immagine" per ottenere il link della medesima.

Alternativamente vi proponiamo di andare su QUESTO sito per ottenere altri patterns/backgrounds. Le immagini dovete però scaricarvele sul computer e caricarle su qualche sito di uploading come imgur o photobucket per poterle usare.

6 replies since 1/8/2013, 15:24 455 views