Codice Html-medio

codici più avanzati

« Older   Newer »
 
  Share  
.
  1.     +1   -1
     
    .
    Avatar

    Sacro Custode delle P.R.

    Group
    Member
    Posts
    2,128
    STIMA
    +15

    Status
    Online
    CODICI OFFERTI DA SUCKERPUNCH E AESINGR:

    Altri codici utili




    CODICE


    [IMG]LINK DIRETTO IMMAG[/IMG]SCRIVI QUEL CHE VUOI QUI


    CODICE
    <div style="width: 500px;height:700px;background-image: url('http://i40.tinypic.com/1534nkn.jpg');border: 6px solid #000000; font:9pt; color:#FFFFFF"; align="center">

    <div align=center><div style="background-color:#00F0F0; color:#000000; font-size:13px; font-family:georgia; text-align:left; width:410px; -moz-border-radius: 11px; padding:12px; line-height:12px;"><div><table border="0">

    <tr>
    <td>[IMG]LINK DIRETTO IMMAG[/IMG]</td>
    <td>SCRIVI QUEL CHE VUOI QUI</td>
    </tr>

    </table></div></div></div></div>



    testo


    CODICE
    <div align=center><div style="background-color:#000000; color:#; font-size:11px; font face: tahoma; text-align:center; width:140px; padding: 5px; line-height: 9px">[color=white]testo[/color]</div></div>



    Titolo riquadrotesto


    CODICE
    <fieldset><legend>Titolo riquadro</legend>testo</fieldset>



    testo


    CODICE
    <div style="border: 4px solid #565656; width: 400px;">testo</div>


    Testo


    CODICE
    <div style="border: 4px Dotted #FFFFFF; width: 400px;">Testo</div>


    testo


    CODICE
    <div style="border: 4px double #565656; width: 400px;">testo</div>


    testo



    CODICE
    <div style="font-family: times; font-size: 14px; width: 155px; color: #000000; background-color: #FFFFFF; -moz-border-radius: 30px; text-align: justify; padding: 10px; border: 2px solid #CODICE ESADECIMALE"><p align="center">testo</p></div>


    testo


    CODICE
    <div style="width: 450px; background-color:#CODICE ESADECIMALE;border: 6px solid #000000; font:9pt; color: #000000"; align="center">testo</div>


    testo



    CODICE
    <div align="center"><fieldset style="border: 1px dashed #111111; margin: 0px; padding: 1px; width:140px"><fieldset style="border: 3px solid #111111; margin: 0px; width: 140px"><center>testo</center></fieldset></fieldset></div>


    testo



    CODICE
    <div align="center"><div style=" background-color: #FFFFFF; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-radius: 9px; border: 0; padding: 4px; width: 230px; color: #CODICE ESADECIMALE; font-size: 10px; font-family: georgia; text-align: center;" >testo</div><div style=" background-color: transparent; border-bottom: 2px dotted #CODICE ESADECIMALE; padding: 0; width: 240px; height: 3px; color: #CODICE ESADECIMALE; font-size: 10px; font-family: verdana; text-align: center;" ></div>
    </div>


    testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo


    CODICE
    <div align=center><div style="background-color:#CODICE COLORE; color:#666666; font-size:9px; font-family:georgia; text-align:left; width:NUMERO CHE INDICA LA LARGHEZZA DEL RETTANGOLOpx; -moz-border-radius: 11px; padding:6px; line-height:8px;"><div><table border="0">

    <tr>
    <td>[IMG]LINK DIRETTO IMMAG[/IMG]</td>
    <td>
    SCRIVI QUEL CHE VUOI QUI
    </td>
    </tr>
    </table></div></div></div>



    TESTO
    TESTO
    TESTO




    CODICE
    <div style="background-color: #393939; -moz-border-radius-topright: 190px; -moz-border-radius-bottomleft:1 90px; border: 8px solid #4A4A4A; width: 190px">
    <p align="center">TESTO
    TESTO
    TESTO</p>
    </div>


    SCROLLBOX


    TESTO TESTO TESTO



    CODICE
    [CENTER]<b>SCROLLBOX</b>[/CENTER]
    <div style="WIDTH: 200px; BORDER-BOTTOM: #909291 2px dotted; HEIGHT: 30px; BACKGROUND-COLOR: #cfcfcf"><p><font style="FONT-SIZE: 7px; LINE-HEIGHT: 9px; FONT-ARIAL: georgia"><div style="width:100%;height:30px;overflow-y: scroll; border:;">TESTO TESTO TESTO</p> </div></font></div>


    TESTO SOPRA
    TESTO SOTTO


    CODICE
    <div style="background-color:#FFC6C6;color:#fff; font-family: courier; font-size: 10px; line-height: 9px; width: 300px; height: auto; text-align: justify; padding: 3px; -moz-border-radius: 11px;">TESTO SOPRA<span style="display:block;OVERFLOW:auto; HEIGHT: 110 (se volete cambiate l'altezza)px; WIDTH (se volete cambiate la larghezza): 300px">
    TESTO SOTTO
    </span></div>





    CODICE
    [CENTER]<textarea>TestoTestoTestoTesto</textarea>[/CENTER]




    CODICE
    [CENTER]<select>
    <option value="1">Testo</option>
    <option value="2">Testo</option>
    <option value="3">Testo</option>
    <option value="4">Testo</option>
    </select>[/CENTER]

    --------------------------------------------------------------------------------------------------------
    TESTO o IMMAGINE

    CODICE
    <marquee align="middle" direction="right"scrolldelay="5">TESTO o IMMAGINE</marquee>


    TESTO o IMMAGINE

    CODICE
    <marquee align="middle" direction="left"scrolldelay="5">TESTO o IMMAGINE</marquee>






    TESTO


    CODICE
    <marquee align="middle" scrollamount="1" height="100" width="100%" direction="up"scrolldelay="1">TESTO</marquee>







    TESTO

    CODICE
    <marquee align="middle" scrollamount="1" height="100" width="100%" direction="down"scrolldelay="1">TESTO</marquee>


    qui quello che vuoi scritto sopra
    qui quello che vuoi scritto sotto



    CODICE
    <p align="center"><font style="text-decoration:none; font-family: impact; font-size: 20px; color: #f5c2ee; line-height: 6px;">qui quello che vuoi scritto sopra</font>
    <font style="text-decoration:none; font-family: arial; color:#8e3482 ; font-size: 30px;">qui quello che vuoi scritto sotto</font></p>


    Testo sullo sfondo

    testo in primo piano



    CODICE
    <div style="font-size: 26px; font-family: georgia; line-height: 8px; color: #FFFFFF;" align="center">Testo sullo sfondo</div><div style="font-size: 35px; font-family: georgia; line-height: 6px; color: #000000" align="center"><br>testo in primo piano<br></div>


    Per inserire un immagine con link

    CODICE
    [URL=LINK SITO WEB][IMG]LINK IMMAGINE[/IMG][/URL]


    E quì un bell'elenco di nomi di codici esadecimali per tutti (o quasi) i colori in HTML (al posto del nome in inglese va inserito il codice preceduto dal #)
    AliceBlue
    #F0F8FF

    AntiqueWhite
    #FAEBD7

    Aqua
    #00FFFF

    Aquamarine
    #7FFFD4

    Azure
    #F0FFFF

    Beige
    #F5F5DC

    Bisque
    #FFE4C4

    Black
    #000000

    BlanchedAlmond
    #FFEBCD

    Blue
    #0000FF

    BlueViolet
    #8A2BE2

    Brown
    #A52A2A

    BurlyWood
    #DEB887

    CadetBlue
    #5F9EA0

    Chartreuse
    #7FFF00

    Chocolate
    #D2691E

    Coral
    #FF7F50

    CornflowerBlue
    #6495ED

    Cornsilk
    #FFF8DC

    Crimson
    #DC143C

    Cyan
    #00FFFF

    DarkBlue
    #00008B

    DarkCyan
    #008B8B

    DarkGoldenRod
    #B8860B

    DarkGray
    #A9A9A9

    DarkGreen
    #006400

    DarkKhaki
    #BDB76B

    DarkMagenta
    #8B008B

    DarkOliveGreen
    #556B2F

    DarkOrange
    #FF8C00

    DarkOrchid
    #9932CC

    DarkRed
    #8B0000

    DarkSalmon
    #E9967A

    DarkSeaGreen
    #8FBC8F

    DarkSlateBlue
    #483D8B

    DarkSlateGray
    #2F4F4F

    DarkTurquoise
    #00CED1

    DarkViolet
    #9400D3

    DeepPink
    #FF1493

    DeepSkyBlue
    #00BFFF

    DimGray
    #696969

    DodgerBlue
    #1E90FF

    FireBrick
    #B22222

    FloralWhite
    #FFFAF0

    ForestGreen
    #228B22

    Fuchsia
    #FF00FF

    Gainsboro
    #DCDCDC

    GhostWhite
    #F8F8FF

    Gold
    #FFD700

    GoldenRod
    #DAA520

    Gray
    #808080

    Green
    #008000

    GreenYellow
    #ADFF2F

    HoneyDew
    #F0FFF0

    HotPink
    #FF69B4

    IndianRed
    #CD5C5C

    Indigo
    #4B0082

    Ivory
    #FFFFF0

    Khaki
    #F0E68C

    Lavender
    #E6E6FA

    LavenderBlush
    #FFF0F5

    LawnGreen
    #7CFC00

    LemonChiffon
    #FFFACD

    LightBlue
    #ADD8E6

    LightCoral
    #F08080

    LightCyan
    #E0FFFF

    LightGoldenRodYellow
    #FAFAD2

    LightGray
    #D3D3D3

    LightGreen
    #90EE90

    LightPink
    #FFB6C1

    LightSalmon
    #FFA07A

    LightSeaGreen
    #20B2AA

    LightSkyBlue
    #87CEFA

    LightSlateGray
    #778899

    LightSteelBlue
    #B0C4DE

    LightYellow
    #FFFFE0

    Lime
    #00FF00

    LimeGreen
    #32CD32

    Linen
    #FAF0E6

    Magenta
    #FF00FF

    Maroon
    #800000

    MediumAquaMarine
    #66CDAA

    MediumBlue
    #0000CD

    MediumOrchid
    #BA55D3

    MediumPurple
    #9370DB

    MediumSeaGreen
    #3CB371

    MediumSlateBlue
    #7B68EE

    MediumSpringGreen
    #00FA9A

    MediumTurquoise
    #48D1CC

    MediumVioletRed
    #C71585

    MidnightBlue
    #191970

    MintCream
    #F5FFFA

    MistyRose
    #FFE4E1

    Moccasin
    #FFE4B5

    NavajoWhite
    #FFDEAD

    Navy
    #000080

    OldLace
    #FDF5E6

    Olive
    #808000

    OliveDrab
    #6B8E23

    Orange
    #FFA500

    OrangeRed
    #FF4500

    Orchid
    #DA70D6

    PaleGoldenRod
    #EEE8AA

    PaleGreen
    #98FB98

    PaleTurquoise
    #AFEEEE

    PaleVioletRed
    #DB7093

    PapayaWhip
    #FFEFD5

    PeachPuff
    #FFDAB9

    Peru
    #CD853F

    Pink
    #FFC0CB

    Plum
    #DDA0DD

    PowderBlue
    #B0E0E6

    Purple
    #800080

    RebeccaPurple
    #663399

    Red
    #FF0000

    RosyBrown
    #BC8F8F

    RoyalBlue
    #4169E1

    SaddleBrown
    #8B4513

    Salmon
    #FA8072

    SandyBrown
    #F4A460

    SeaGreen
    #2E8B57

    SeaShell
    #FFF5EE

    Sienna
    #A0522D

    Silver
    #C0C0C0

    SkyBlue
    #87CEEB

    SlateBlue
    #6A5ACD

    SlateGray
    #708090

    Snow
    #FFFAFA

    SpringGreen
    #00FF7F

    SteelBlue
    #4682B4

    Tan
    #D2B48C

    Teal
    #008080

    Thistle
    #D8BFD8

    Tomato
    #FF6347

    Turquoise
    #40E0D0

    Violet
    #EE82EE

    Wheat
    #F5DEB3

    White
    #FFFFFF

    WhiteSmoke
    #F5F5F5

    Yellow
    #FFFF00

    YellowGreen
    #9ACD32


    Mentre con il
    Generatore di colori
    Potete scegliere quale colore trasformare in codice


    In costruzione...
     
    Top
    .
0 replies since 27/7/2015, 16:05   26 views
  Share  
.