Come decorare la propria Scheda

HTML per bellezza

« Older   Newer »
 
  Share  
.
  1. ~Kyrios~
        +1   -1
     
    .

    User deleted


    :facepalm:
     
    .
  2. sefamoduspaghi
        +1   -1
     
    .

    User deleted


    Ciao ragazzi :D stavo pensando di realizzare una sorta di pokédex usando il codice html per quanto riguarda il GDR da inserire nella mia scheda. L'idea è una tabella in cui inserire numero, sprite, i vari tipi e l'averlo catturato o soltanto visto in GDR. Vediamo cosa ne verrà fuori, vi terrò aggiornati :D
     
    .
  3.     +1   -1
     
    .
    Avatar


    Group
    Amministratore
    Posts
    26,290
    Pokécrediti
    +42,414

    Status
    OFFLINE
    Passati 11 giorni o non ci hai tenuti aggiornati, o non l'hai fatta.
     
    .
  4. «Artemis»
        +1   -1
     
    .

    User deleted


    CITAZIONE (Terrorist @ 22/8/2014, 10:47) 


    krookodile


    :*terra*: :*buio*:

    Abilità: //

    Strumento: Rosario
    Potenziamenti: //


    Krookodile :*male*:


    Lv 55 Pv 173 Pt Exp [0/150]


    Fangosberla (-108, x2 contro pokemon :*elettro*: )

    Battiterra (-112, +Lv Attacco e Difesa se con questo attacco manda l'avversario KO)

    Sgranocchio (-114, 50% -70 Attacco nemico)

    Ripicca (-116, x2 se l'avversario ha aumentato le sue statistiche)



    CODICE
    <table style="width: 450px; height: 100%; border: 2px solid #ccc; cellpadding: 4; cellspacing: 0; background: COLORE; border-top-left-radius: 30px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 30px; border-color: black">
    <tbody><tr>
    <td><table style="width: 100%; height: 100%; border: 1px solid #ccc; background: white; border-top-left-radius: 30px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 30px; border-color: black"><tr><td>
    [size=1][color=black]<div style="float: left; margin-left: 35px; margin-right: 0px">

    [IMG]IMMAGINE[/IMG]</div>

    [/size] </tr>[/color]
    </table></div></td>
    <td><table style="width: 0px; border: 0px solid #ccc; background: COLORE; border-radius: 10px; border-color: black"><tr><td>
    [size=1][color=black]<div style="width: 100%; height: 100%; float: left; margin-left: 0px; margin-right: 0px">[CENTER]

    :*TIPO*: :*TIPO*:

    <b>Abilità: </b> //

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

    [/CENTER]</div>
    [/size]</tr>[/color]
    </table></td>
    </tr>
    <tr>
    <td><table style="width: 100%; height: 100%; border: 1px solid #ccc; background: white; border-top-left-radius: 20px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 20px; border-color: black"><tr><td>
    [size=1][color=black]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px">[CENTER]

    <b>NOME</b> :*SESSO*:

    [/CENTER]</div>
    [/size]</tr>[/color]
    </table></td>
    <td><table style="width: 100%; height: 100%; border: 1px solid #ccc; background: white; border-top-left-radius: 20px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 20px; border-color: black"><tr><td>
    [size=1][color=black]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px">[CENTER]

    Lv XXX Pv XXX Pt Exp [XXX/XXX]

    [/CENTER]</div>
    [/size]</tr>[/color]
    </table></td>
    </tr>
    <tr>
    <td><table style="width: 0px; border: 0px solid black; background: COLORE; border-radius: 10px; border-color: black"><tr><td>
    [size=1][color=black]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px">&nbsp;<b>MOSSA 1 </b>(EFFETTO)</div>
    [/color][/size]</tr>
    </table></td>
    <td><table style="width: 0px; border: 0px solid black; background: COLORE; border-radius: 10px; border-color: black"><tr><td>
    [size=1][color=black]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px">&nbsp;<b>MOSSA 2 </b>(EFFETTO)</div>
    [/size]</tr>[/color]
    </table></td>
    </tr>
    <tr>
    <td><table style="width: 0px; border: 0px solid black; background: COLORE; border-radius: 10px; border-color: black"><tr><td>
    [size=1][color=black]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px">&nbsp;<b>MOSSA 3 </b>(EFFETTO)</div>
    [/size]</tr>[/color]
    </table></td>
    <td><table style="width: 0px; border: 0px solid black; background: COLORE; border-radius: 10px; border-color: black"><tr><td>
    [size=1][color=black]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px">&nbsp;<b>MOSSA 4 </b>(EFFETTO)</div>
    [/size]</tr>[/color]
    </table></td>
    </tr>
    </tbody></table>

    <textarea readonly style="overflow:hidden; resize:none">QUI VA LA SCHEDA</textarea>

    Volevo cambiare qualcosa in questo codice per la scheda. In pratica vorrei che al posto del colore marrone, ci si possa mettere uno sfondo del pokèmon che andrò a mettere. Non so come si faccia, mi potete spiegare? Spero di aver spiegato bene la mia richiesta ^^
     
    .
  5.     +1   -1
     
    .
    Avatar

    Senior Member

    Group
    Mod. Globale
    Posts
    29,043
    Pokécrediti
    +6,725
    Location
    Nei tuoi pensieri.

    Status
    OFFLINE
    Uno sfondo del pokémon che andrai a mettere? In quel caso, se vai nel codice della scheda, dovresti trovare all'inizio "background: #886830", che sarebbe il colore dello sfondo. Tu basta che sostituisci quel numero con l'url dell'immagine che vuoi mettere. Vuoi metterci Krookodile? Allora sostituisci con il seguento codice: (spero di scrivere bene o.o)

    background:url(link dell'immagine possibilmente caricata su imgur/tinypic/dumpshare per il ridimensionamento)no-repeat <---questo per evitare di far ripetere la stessa immagine all'interno della scheda se più piccola rispetto alla scheda. All'interno del code, dopo il no-repeat, puoi anche mettere o left o center o right per il posizionamento esatto dell'immagine.

    PS: in quella scheda ci sono alcune caselle con lo stesso identico background, come le mosse, ecco cosa viene fuori se metto lo sfondo bianco:



    krookodile


    :*terra*: :*buio*:

    Abilità: //

    Strumento: Rosario
    Potenziamenti: //


    Krookodile :*male*:


    Lv 55 Pv 173 Pt Exp [0/150]


    Fangosberla (-108, x2 contro pokemon :*elettro*: )

    Battiterra (-112, +Lv Attacco e Difesa se con questo attacco manda l'avversario KO)

    Sgranocchio (-114, 50% -70 Attacco nemico)

    Ripicca (-116, x2 se l'avversario ha aumentato le sue statistiche)



    Non è proprio un problema perché basta cancellare i backgrounds rimasti se ti danno fastidio, in modo che l'immagine di sfondo si vede meglio, però per le scritte, diventano semi-illeggibili x-x il tutto dipende anche da che tipo di immagine vuoi mettere come sfondo, occhio alle misure! Spero di essermi spiegata bene XD
     
    .
  6. «Artemis»
        +1   -1
     
    .

    User deleted


    Forse per me è un po' troppo complicato... Siccome non capisco nulla di html. Ho provato come dici tu, ma non succede nulla °-°
     
    .
  7.     +1   -1
     
    .
    Avatar


    Group
    Amministratore
    Posts
    26,290
    Pokécrediti
    +42,414

    Status
    OFFLINE


    krookodile


    :*terra*: :*buio*:

    Abilità: //

    Strumento: Rosario
    Potenziamenti: //


    Krookodile :*male*:


    Lv 55 Pv 173 Pt Exp [0/150]


    Fangosberla (-108, x2 contro pokemon :*elettro*: )

    Battiterra (-112, +Lv Attacco e Difesa se con questo attacco manda l'avversario KO)

    Sgranocchio (-114, 50% -70 Attacco nemico)

    Ripicca (-116, x2 se l'avversario ha aumentato le sue statistiche)


    CODICE
    <table style="width: 450px; height: 100%; border: 2px solid #ccc; cellpadding: 4; cellspacing: 0; background:url(https://78.media.tumblr.com/d71fa362556558a5e4960e4569a28c91/tumblr_p779neFNDs1rsitsmo3_1280.png)no-repeat; border-top-left-radius: 30px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 30px; border-color: black"><tbody>

    <tr>
    <td><table style="width: 100%; height: 100%; border: 1px solid #ccc; background: white; border-top-left-radius: 30px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 30px; border-color: black">

    <tr>
    <td>[size=1][color=black]<div style="float: left; margin-left: 35px; margin-right: 0px">

    [IMG=krookodile]http://www.pkparaiso.com/imagenes/xy/sprites/animados/krookodile.gif[/IMG]</div>

    [/color]
    </tr>[/size]

    </table></td>
    <td><table style="width: 0px; border: 0px solid #ccc; background: #886830; border-radius: 10px; border-color: black">

    <tr>
    <td>[size=1][color=white]<div style="width: 100%; height: 100%; float: left; margin-left: 0px; margin-right: 0px"><p align="center">[IMG=:*terra*:]http://i61.tinypic.com/2iuw0le.jpg[/IMG] [IMG=:*buio*:]http://i59.tinypic.com/21boft5.jpg[/IMG]

    <b>Abilità: </b> //

    <b>Strumento: </b> [IMG=1f74ox]http://i62.tinypic.com/1f74ox.jpg[/IMG] Rosario
    <b>Potenziamenti: </b> //</p></div>
    [/color]
    </tr>[/size]

    </table></td>
    </tr>

    <tr>
    <td><table style="width: 100%; height: 100%; border: 1px solid #ccc; background: white; border-top-left-radius: 20px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 20px; border-color: black">

    <tr>
    <td>[size=1][color=black]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px"><p align="center"><b>Krookodile</b> [IMG=:*male*:]http://pkmncyti.altervista.org/tipi/m.gif[/IMG]</p></div>
    [/color]
    </tr>[/size]

    </table></td>
    <td><table style="width: 100%; height: 100%; border: 1px solid #ccc; background: white; border-top-left-radius: 20px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 20px; border-color: black">

    <tr>
    <td>[size=1][color=black]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px"><p align="center">Lv 55 Pv 173 Pt Exp [0/150]</p></div>
    [/color]
    </tr>[/size]

    </table></td>
    </tr>

    <tr>
    <td><table style="width: 0px; border: 0px solid black; background: #886830; border-radius: 10px; border-color: black">

    <tr>
    <td>[size=1][color=white]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px"> <b>Fangosberla </b>(-108, x2 contro pokemon [IMG=:*elettro*:]http://i62.tinypic.com/ptbio.jpg[/IMG] )</div>
    [/color][/size]
    </tr>

    </table></td>
    <td><table style="width: 0px; border: 0px solid black; background: #886830; border-radius: 10px; border-color: black">

    <tr>
    <td>[size=1][color=white]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px"> <b>Battiterra </b>(-112, +Lv Attacco e Difesa se con questo attacco manda l'avversario KO)</div>
    [/color]
    </tr>[/size]

    </table></td>
    </tr>

    <tr>
    <td><table style="width: 0px; border: 0px solid black; background: #886830; border-radius: 10px; border-color: black">

    <tr>
    <td>[size=1][color=white]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px"> <b>Sgranocchio </b>(-114, 50% -70 Attacco nemico)</div>
    [/color]
    </tr>[/size]

    </table></td>
    <td><table style="width: 0px; border: 0px solid black; background: #886830; border-radius: 10px; border-color: black">

    <tr>
    <td>[size=1][color=white]<div style="width: 200px; height: 100%; float: left; margin-left: 0px; margin-right: 0px"> <b>Ripicca </b>(-116, x2 se l'avversario ha aumentato le sue statistiche)</div>
    [/color]
    </tr>[/size]

    </table></td>
    </tr></tbody>

    </table>


    E' facile xd prova col code fatto, magari ti viene meglio

    Magari per rendere il code più carino togli pure i colori di sfondo tipo dove hai abilità e il resto, ma a parer mio come sfondo è meglio un colore unico, sennò va a finire che non vedi una ceppa nel background



    krookodile


    :*terra*: :*buio*:

    Abilità: //

    Strumento: Rosario
    Potenziamenti: //


    Krookodile :*male*:


    Lv 55 Pv 173 Pt Exp [0/150]


    Fangosberla (-108, x2 contro pokemon :*elettro*: )

    Battiterra (-112, +Lv Attacco e Difesa se con questo attacco manda l'avversario KO)

    Sgranocchio (-114, 50% -70 Attacco nemico)

    Ripicca (-116, x2 se l'avversario ha aumentato le sue statistiche)

     
    .
  8. «Artemis»
        +1   -1
     
    .

    User deleted


    Ho capito il problema! Non mettevo le parentesi, probabilmente. Poi proverò a fare cosi. XD
     
    .
  9.     +1   -1
     
    .
    Avatar


    Group
    Amministratore
    Posts
    26,290
    Pokécrediti
    +42,414

    Status
    OFFLINE
    Vi posto per comodità una lista dei colori presenti su forumcommunity, magari possono tornarvi utili nella creazione di qualche tabella ^^

    AliceBlue
    AntiqueWhite
    Aqua
    Aquamarine
    Azure
    Beige
    Bisque
    Black
    BlanchedAlmond
    Blue
    BlueViolet
    Brown
    BurlyWood
    CadetBlue
    Chartreuse
    Coral
    CornflowerBlue
    Cornsilk
    Crimson
    Cyan
    DarkBlue
    DarkCyan
    DarkGoldenRod
    DarkGray
    DarkGrey
    DarkGreen
    DarkKhaki
    DarkMagenta
    DarkOliveGreen
    Darkorange
    DarkOrchid
    DarkRed
    DarkSalmon
    DarkSeaGreen
    DarkSlateBlue
    DarkSlateGray
    DarkSlateGrey
    DarkViolet
    DeepPink
    DeepSkyBlue
    DimGray
    DimGrey
    DodgerBlue
    FireBrick
    FloralWhite
    ForestGreen
    Fuchsia
    Gainsboro
    GhostWhite
    Gold
    GoldenRod
    Gray
    Grey
    Green
    GreenYellow
    HoneyDew
    HotPink
    IndianRed
    Indigo
    Ivory
    Khaki
    Lavender
    LavenderBlush
    LawnGreen
    LemonChiffon
    LightBlue
    LightCoral
    LightCyan
    LightGoldenRodYellow
    LightGray
    LightGrey
    LightGreen
    LightPink
    LightSalmon
    LightSeaGreen
    LightSkyBlue
    LightSlateGray
    LightSlateGrey
    LightSteelBlue
    LightYellow
    Lime
    LimeGreen
    Linen
    Magenta
    Maroon
    MediumAquaMarine
    MediumBlue
    MediumOrchid
    MediumPurple
    MediumSeaGreen
    MediumSlateBlue
    MediumSpringGreen
    MediumTurquoise
    MediumVioletRed
    MidnightBlue
    MintCream
    MistyRose
    Moccasin
    NavajoWhite
    Navy
    OldLace
    Olive
    OliveDrab
    Orange
    OrangeRed
    Orchid
    PaleGoldenRod
    PaleGreen
    PaleTurquoise
    PaleVioletRed
    PapayaWhip
    PeachPuff
    Peru
    Pink
    Plum
    PowderBlue
    Purple
    Red
    RosyBrown
    RoyalBlue
    SaddleBrown
    Salmon
    SandyBrown
    SeaGreen
    SeaShell
    Sienna
    Silver
    SkyBlue
    SlateBlue
    SlateGray
    SlateGrey
    Snow
    SpringGreen
    SteelBlue
    Tan
    Teal
    Thistle
    Tomato
    Turquoise
    Violet
    Wheat
    White
    WhiteSmoke
    Yellow
    YellowGreen
     
    .
  10.     +1   -1
     
    .
    Avatar


    Group
    Rocket
    Posts
    3,455
    Pokécrediti
    +230
    Location
    Non me lo ricordo 0.0

    Status
    OFFLINE
    Ciao Raga!
    Mi dareste una mano per la creazione delle tabella della scheda?
    Mi piace molto il genere della scheda di Deku.

    e anche quella di Korov&#39;ev
     
    .
  11.     +1   -1
     
    .
    Avatar


    Group
    Moderatore
    Posts
    2,953
    Pokécrediti
    +5,165

    Status
    OFFLINE
    Purtroppo sono incapace coi codici, le tabelle nella mia scheda me le ha fatte il caro Dodo, ma se ti serve una mano chiedi pure, proverò a capirci qualcosa.
     
    .
220 replies since 20/9/2010, 10:45   12858 views
  Share  
.