Come decorare la propria Scheda

HTML per bellezza

« Older   Newer »
 
  Share  
.
  1. Red./
        +7   +1   -1
     
    .

    User deleted


    Premessa e Scopo del Topic: Visto che molti mi chiedono come modificare le loro schede, o come inserire immagini di sfondo per i propri pokémon, o ancora come fare delle tabelle per la propria scheda, ho chiesto di far editare il titolo di questo topic e farlo diventare una raccolta di codici per schede!
    Ogni volta che potrò e che mi verrà in mente un nuovo codice per le schede lo posterò qui illustrando il suo funzionamento.


    ATTENZIONE_1: Potete cambiare qualunque modificatore del testo (come quelli per il grassetto B o del corsivo I), come anche aggiungere all'esterno delle tabelle il codice per allinearle al centro (, a destra o a sinistra). Nessuno vi obbliga a lasciarle così come le ho presentate!

    ATTENZIONE_2: Per poter giocare al GDR NON è necessario avere i pkmn con queste schede/tabelle. Lo staff raccomanda di tenere le schede in ordine indipendentemente da come vogliate decorarle!




    Link utili (esterni):

    Guida alla modifica della scheda allenatore
    Prima di proseguire con la lettura di questo topic, sarebbe bene che leggeste anche questa guida! Soprattutto se non sapete minimamente dove mettere le mani! ^^

    # Testo Colorato
    Qui troverete un'enorme raccolta di colori per decorare al meglio le vostre schede!!!




    Link utili (del topic):

    Schede per PkmnColori e StiliAltro
    1) Cornici senza Tabella
    2) Tabelle Semplici
    3) Schede Colorate
    3.1) Fieldset + Colore
    3.2) Table + Colore
    4) Fieldset + Div
    1) Scegliere il Colore
    ---
    ---
    ---
    ---
    ---
    1) Schede a Scomparsa
    2) Modifiche dei Bordi
    3) Immagini di Sfondo
    4) Scrollbar
    5) L'ABC delle tabelle
    6) Textarea come CODE/HTML





    Cornici senza Tabella



    Gligar
    png
    :*terra*: :*volante*: :*male*:
    Lvxxx Pvxxx
    Mossa_1
    Mossa_2
    Mossa_3
    Mossa_4
    Exp: 0/50
    Strumento: ///



    Non c'è nulla di straordinario in questa tabella: un semplice ma pulito "fieldset" che rende decisamente più ordinata la vostra scheda!

    CODICE:
    CODICE
    <fieldset><p align="center"><b>NOME PKMN</b>
    [IMG]IMMAGINE[/IMG]
    TIPO/I E SESSO
    <b>Lv</b>xxx <b>Pv</b>xxx
    Mossa_1
    Mossa_2
    Mossa_3
    Mossa_4
    <b>Exp:</b> 0/xxx
    <b>Strumento:</b> <i>///</i></p></fieldset>


    Per montarla dovrete soltanto sostituire:

    1) "IMMAGINE" con il link dell'immagine del pkmn
    2) "NOME PKMN" e "TIPO/I E SESSO" direi che sono abbastanza scontati, nel primo va il nome o soprannome (vedi le fisse di Tolo...) mentre nel secondo i tipi (Acciaio, Acqua, ecc.) ed il sesso (maschio o femmina).
    3) Mossa_1/2/3/4, che vanno sostituiti tutti e 4 con le mosse del pkmn (ovviamente se ne ha meno potete tranquillamente cancellare le scritte che non vi servono .-.)
    4) "xxx", che vanno sostituiti con i valori che servono (il Lv, i Pv e l'Exp per salire di livello).

    Ulteriori modifiche:
    Volendo renderla più vivace potrete rendere il contorno diverso:
    CODICE
    <fieldset style="border:???px solid COLORE;">


    1) Sostituite "???" con la misura (in pixel) dello spessore dei contorni. NOTA: 1px è la dimensione dell'attuale esempio.
    2) Sostituite "COLORE" con il nome del colore di cui volete fare il contorno. NOTA: usate il topic dei colori linkato sopra oppure i valori HTML del colore che volete.




    Tabelle Semplici



    pngGligar
    :*terra*: :*volante*: :*male*:
    Lvxxx Pvxxx

    Attacchi:
    Mossa_1
    Mossa_2
    Mossa_3
    Mossa_4
    Exp: 0/50 / Strumento tenuto: ///


    Queste son le schede più facili e semplici da fare/modificare.
    Il codice è talmente semplice che sarebbe quasi inutile da spiegare... Ma lo facciamo cmq perché siamo dei maledetti precisini xD


    CODICE:
    CODICE
    <table style="border: 1px solid #ccc;">

    <tr>
    <td width=96>[IMG]IMMAGINE[/IMG]</td>
    <td>[size=1]<b>NOME PKMN</b>
    TIPO/I E SESSO
    <b>Lv</b>xxx <b>Pv</b>xxx

    <b>Attacchi:</b>
    Mossa_1
    Mossa_2
    Mossa_3
    Mossa_4[/size]</td>
    </tr>

    <tr>
    <td colspan=2>[size=1]<b>Exp:</b> 0/xxx / Strumento tenuto: <b>///</b>[/size]</td>
    </tr>

    </table>


    Per montarla dovrete soltanto sostituire:

    1) "IMMAGINE" con il link dell'immagine del pkmn
    2) "NOME PKMN" e "TIPO/I E SESSO" direi che sono abbastanza scontati, nel primo va il nome o soprannome (vedi le fisse di Tolo...) mentre nel secondo i tipi (Acciaio, Acqua, ecc.) ed il sesso (maschio o femmina).
    3) Mossa_1/2/3/4, che vanno sostituiti tutti e 4 con le mosse del pkmn (ovviamente se ne ha meno potete tranquillamente cancellare le scritte che non vi servono .-.)
    4) "xxx", che vanno sostituiti con i valori che servono (il Lv, i Pv e l'Exp per salire di livello).

    Ulteriori modifiche:
    Potete modificare le dimensioni della cornice ed il suo colore:
    CODICE
    <table style="border:???px solid COLORE;">


    1) Sostituite "???" con la misura (in pixel) dello spessore dei contorni. NOTA: 1px è la dimensione dell'attuale esempio.
    2) Sostituite "COLORE" con il nome del colore di cui volete fare il contorno. NOTA: usate il topic dei colori linkato sopra oppure i valori HTML del colore che volete.




    Per ora è tutto!!! Alla prossima! ;)

    Edited by Wall White - 2/4/2016, 14:20
     
    .
  2. Bruno-
        +1   -1
     
    .

    User deleted


    Questo è sicuramente da stickare, utilissimo :D grazie red, me le sto rifacendo tutte :D
     
    .
  3. S@n
        +1   -1
     
    .

    User deleted


    Importantizzo. ^^
     
    .
  4.     +1   -1
     
    .
    Avatar

    Non ho mai veramente voluto questa sedia. Desideravo che una parte di me sapesse che cosa volesse rappresentare, ma ho sempre odiato il suo peso

    Group
    Rocket
    Posts
    28,503
    Pokécrediti
    0
    Location
    Charming

    Status
    OFFLINE
    Mi piace sto termine XDXD,comunque ora mi modifico la scheda così mi piace grazie,grazie
     
    .
  5. Mr3
        +1   -1
     
    .

    User deleted


    pagami il copyright della tabella che mi avete copiato tutti :P
     
    .
  6. Red./
        +1   -1
     
    .

    User deleted


    CITAZIONE (Bruno- @ 20/9/2010, 13:01)
    Questo è sicuramente da stickare, utilissimo :D grazie red, me le sto rifacendo tutte :D

    Di nulla! ^^

    CITAZIONE (~Tidus~ @ 20/9/2010, 13:29)
    Mi piace sto termine XDXD,comunque ora mi modifico la scheda così mi piace grazie,grazie

    Prego, prego.

    CITAZIONE (Mr3 @ 21/9/2010, 10:51)
    pagami il copyright della tabella che mi avete copiato tutti :P

    Mai! : P

    Ecco la versione definitiva di un'altra tabella (SCONSIGLIATA ai NON ESPERTI di codici HTML per via della complessità dello script)

    Dragonite :*drago*: / :*volante*: :*female*:

    image
    Lv 100 Pv 369

    Mosse:

    Falcecannone (-250, Paralizza)
    Perforcorno (50% KO)
    Schermoluce (+170 Dif a tutta la squadra x5 turni)
    Dragobolide (-280)
    Exp: 000/150

    Strumento: image Bandana:
    Il pokemon che la tiene evita tre "KO in un colpo"

    Potenziamenti: ///



    CODICE TABELLA:

    CODICE
    <fieldset style="background-color:COLORE SFONDO;"><legend>[color=black]<b>[size=3]NOME DEL PKMN[/size]</b>[/color] TIPI E SESSO</legend><div style="float: left; margin-right: 20px">
    SPRITE</div><div style="float: left; margin-right: 20px">[color=black][size=1]<b>Lv</b> ??? <b>Pv</b> ???

    <b>Mosse:</b>

    ATTACCHI DEL PKMN[/color][/size]</div>[size=1][color=black]<b>Exp:</b> ???/???

    <b>Strumento:</b> ///

    <b>Potenziamenti:</b> ///[/color][/size]
    </fieldset>


    Dove c'è scritto "COLORE SFONDO" dovrete inserire uno dei nomi (a destra della freccia) sottostanti...

    ACCIAIO --------> darkgray
    ACQUA --------> cornflowerblue
    BUIO --------> darkblue
    COLEOTTERO --------> olive
    DRAGO --------> mediumslateblue
    ELETTRO --------> gold
    ERBA --------> mediumseagreen
    FUOCO --------> tomato
    GHIACCIO --------> powderblue
    LOTTA --------> firebrick
    NORMALE --------> tan
    PSICO --------> lightcoral
    ROCCIA --------> peru
    SPETTRO --------> darkorchid
    TERRA --------> khaki
    VELENO --------> mediumvioletred
    VOLANTE --------> lightsteelblue

    Poichè non esiste un codice per fare lo sfondo di 2 colori, per i pokemon multi-tipo utilizzate il colore che preferite! XD
    Vi consiglio di utilizzare precisamente questi colori elencati, in quanto altri potrebbero essere troppo accesi e dare fastidio alla vista (propria e di altri utenti).

    Edited by Red./ - 28/10/2010, 23:55
     
    .
  7. Mr3
        +1   -1
     
    .

    User deleted


    si dai è carina.
    temo però che avremo l'invasione delle schede epilettiche
     
    .
  8. Lucario-11-XYZ
        +1   -1
     
    .

    User deleted


    CITAZIONE (Red./ @ 21/9/2010, 12:08) 
    CITAZIONE (Bruno- @ 20/9/2010, 13:01)
    Questo è sicuramente da stickare, utilissimo :D grazie red, me le sto rifacendo tutte :D

    Di nulla! ^^

    CITAZIONE (~Tidus~ @ 20/9/2010, 13:29)
    Mi piace sto termine XDXD,comunque ora mi modifico la scheda così mi piace grazie,grazie

    Prego, prego.

    CITAZIONE (Mr3 @ 21/9/2010, 10:51)
    pagami il copyright della tabella che mi avete copiato tutti :P

    Mai! : P

    Ecco la versione definitiva di un'altra tabella (SCONSIGLIATA ai NON ESPERTI di codici HTML per via della complessità dello script)

    Dragonite :*drago*: / :*volante*: :*female*:

    Dragonite
    Lv 100 Pv 369

    Mosse:

    Falcecannone (-250, Paralizza)
    Perforcorno (50% KO)
    Schermoluce (+170 Dif a tutta la squadra x5 turni)
    Dragobolide (-280)
    Exp: 000/150

    Strumento: rsitem160 Bandana:
    Il pokemon che la tiene evita tre "KO in un colpo"

    Potenziamenti: ///



    CODICE TABELLA:

    CODICE
    <fieldset style="background-color:COLORE SFONDO;"><legend>[color=black]<b>[size=3]NOME DEL PKMN[/size]</b>[/color] TIPI E SESSO</legend><div style="float: left; margin-right: 20px">
    SPRITE</div><div style="float: left; margin-right: 20px">[color=black][size=1]<b>Lv</b> ??? <b>Pv</b> ???

    <b>Mosse:</b>

    ATTACCHI DEL PKMN[/color][/size]</div>[size=1][color=black]<b>Exp:</b> ???/???

    <b>Strumento:</b> ///

    <b>Potenziamenti:</b> ///[/color][/size]
    </fieldset>


    Dove c'è scritto "COLORE SFONDO" dovrete inserire uno dei nomi (a destra della freccia) sottostanti...

    ACCIAIO --------> darkgray
    ACQUA --------> cornflowerblue
    BUIO --------> darkblue
    COLEOTTERO --------> olive
    DRAGO --------> mediumslateblue
    ELETTRO --------> gold
    ERBA --------> mediumseagreen
    FUOCO --------> tomato
    GHIACCIO --------> powderblue
    LOTTA --------> firebrick
    NORMALE --------> tan
    PSICO --------> lightcoral
    ROCCIA --------> peru
    SPETTRO --------> darkorchid
    TERRA --------> khaki
    VELENO --------> mediumvioletred
    VOLANTE --------> lightsteelblue

    Poichè non esiste un codice per fare lo sfondo di 2 colori, per i pokemon multi-tipo utilizzate il colore che preferite! XD
    Vi consiglio di utilizzare precisamente questi colori elencati, in quanto altri potrebbero essere troppo accesi e dare fastidio alla vista (propria e di altri utenti).

    Grazie mille
     
    .
  9. Red./
        +1   -1
     
    .

    User deleted


    Riapre (riapre... come se fosse mai stato chiuso xD) questo topic in vesti più ufficiali!!!

    Qui vi parlerò delle varie schede e tabelle e di come modificarle!

    Intanto ho modificato il primo post, se poi volete commentare/chiedere spiegazioni chiedete tranquillamente qui! ;)
     
    .
  10.     +1   -1
     
    .
    Avatar


    Group
    Coder
    Posts
    21,702
    Pokécrediti
    +16,134

    Status
    OFFLINE
    Non riesco ad inserire le immagine dei pokemon nelle rispettive tabelle pur copiando il codice e inserendo l'url
     
    .
  11. dark-oblio
        +1   -1
     
    .

    User deleted


    Devo dire che questo topic non l'avevo mai visto, ma è bellissimo *-*

    Snorlax :*normale*: :*male*:

    gif
    Lv 28 Pv 94

    Mosse:

    Corposcontro (-59, 50% Par)
    Russare (-61, utilizzabile solo mentre il Pokémon è addormentato)
    Morso (-56)
    Riposo (cura status e pv, ma vai zzz)
    Exp: 65/100

    Strumento: collanaAmuleto del Potere (Consente di dare un secondo tipo al pokemon.)

    Potenziamenti: 1xPs-su

     
    .
  12. Fletcher
        +1   -1
     
    .

    User deleted


    Davvero una splendida guida! Renderà presto un po' più carina la mia scheda xD Bel lavoro red!
     
    .
  13. Red./
        +1   -1
     
    .

    User deleted


    Grazie a tutti per i commenti! ^^




    CITAZIONE (rufus96 @ 18/1/2012, 16:38) 
    Non riesco ad inserire le immagine dei pokemon nelle rispettive tabelle pur copiando il codice e inserendo l'url

    Okay, mi metteresti in CODE una copia del codice che hai inserito nella tua scheda? Così individuo subito l'errore ^^

    Anche perchè mi pare assurdo che con il classico [IMG][/IMG] non si veda l'immagine del pkmn .-.
     
    .
  14.     +1   -1
     
    .
    Avatar


    Group
    Coder
    Posts
    21,702
    Pokécrediti
    +16,134

    Status
    OFFLINE
    Arcanine :*fuoco*: :*male*:

    png
    Lv 323 Pv 3232

    Mosse:

    ds
    dsds
    dsds
    dsd
    Exp: ?00/100

    Strumento: ///

    Potenziamenti: ///



    una semplice prova, ben riuscita :) grazie red.
     
    .
  15. Shu
        +1   -1
     
    .

    User deleted


    CITAZIONE (rufus96 @ 18/1/2012, 20:12) 
    Arcanine :*fuoco*: :*male*:

    png
    Lv 323 Pv 3232

    Mosse:

    ds
    dsds
    dsds
    dsd
    Exp: ?00/100

    Strumento: ///

    Potenziamenti: ///



    una semplice prova, ben riuscita :) grazie red.

    a me anche è cosi, tutta tirata verso sinistra...pecche?
     
    .
220 replies since 20/9/2010, 10:45   12857 views
  Share  
.