Codici HTML

« Older   Newer »
  Share  
»PiNkA MoMoMiYa™«
view post Posted on 23/10/2008, 17:05




Ecco un topic dedicato ai:

Codici HTML





Marquee
test test test test test test test test test test test test test test test test
SPOILER (click to view)
CODICE
<marquee width="10&#37;">test test test test test test test test test test test test test test test test </marquee>

test test test test test test test test test test test test test test test test
SPOILER (click to view)
CODICE
<marquee direction="up">test test test test test test test test test test test test test test test test </marquee>

test test test test test test test test test test test test test test test test
SPOILER (click to view)
CODICE
<marquee direction="down">test test test test test test test test test test test test test test test test </marquee>

test test test test test test
test test test test test test
test test test test

SPOILER (click to view)
CODICE
<marquee behavior="alternate">test test test test test test test test test test test test test test test test </marquee>

test test test test test test test test test test test test test test test test
SPOILER (click to view)
CODICE
<marquee width=280 height=250 direction="up" scrollAmount=1>test test test test test test test test test test test test test test test test </marquee>


Testo
Testo grandezza normale

Testo 5 volte più grande

test test test test test test test test test test test test test test test test
SPOILER (click to view)
CODICE
[size=5]test test test test test test test test test test test test test test test test[/size]


Testo 'alla seconda'

test test test
SPOILER (click to view)
CODICE
test <sup>test</sup> test


Testo 'alla m2o'
M<sub>2O
SPOILER (click to view)
CODICE
M<sub>2</sub>O


testo tutto centrato


SPOILER (click to view)
CODICE
<p align="center">testo tutto centrato</p>

testo tutto a sinistra


SPOILER (click to view)
CODICE
<p align="left">testo tutto a sinistra</p>

testo tutto a destra


SPOILER (click to view)
CODICE
<p align="right">testo tutto a destra</p>[SPOILER][CODE]
<p align="right">testo tutto a destra</p>
[SPOILER][CODE]<p align="right">testo tutto a destra</p>


testo barrato
SPOILER (click to view)
CODICE
<strike>testo barrato</strike>


collegamento ipertestuale
SPOILER (click to view)
CODICE
<a href="url page">collegamento ipertestuale</a>

  • testo punteggiato

  • SPOILER (click to view)
    CODICE
    <li>testo punteggiato</li>
      testo (alla firma)
    SPOILER (click to view)
    CODICE
    <ul>testo (alla firma)</ul>


    Codici Div


    ATTENZIONE!!! Non si possono vedere con Firefox
    Evidenzia con colore selezionato
    txt

    SPOILER (click to view)
    CODICE
    <div style="width:100%;filter:glow(color=#codicecolore)">txt</div>


    Evidenzia con ombra del testo chiara
    txt

    SPOILER (click to view)
    CODICE
    <div style="width:100%; filter:blur">txt</div>


    test test test test test test test test test test test test test test test test

    SPOILER (click to view)
    CODICE
    <div style="BORDER-RIGHT: #colore 1px dashed; BORDER-TOP: #colore 1px dashed; OVERFLOW: scroll; BORDER-LEFT: #colore 1px dashed; WIDTH: 188px; COLOR: #colore; BORDER-BOTTOM: #colore 1px dashed; HEIGHT: 160px" align=left>test test test test test test test test test test test test test test test test</div>



    <p align="center">Codici css e table (se non vado errata)
    Bottone da schiacciare tipo 1

    SPOILER (click to view)
    CODICE
    <input type="submit" value="txt" class="forminput">


    bottone da schiacciare tipo 2

    SPOILER (click to view)
    CODICE
    <input type="submit" value="txt">


    quadratino sì no

    SPOILER (click to view)
    CODICE
    <input type="checkbox">


    cambiare font al messaggio di post (se il computer ha il font richiesto lo vede, sennò vedrà arial)
    test test test test test test test test test test test test test test test test
    SPOILER (click to view)
    CODICE
    <span style="font-family:redensek">test test test test test test test test test test test test test test test test</span>


    mettere la linea divisoria


    SPOILER (click to view)
    CODICE
    <hr>


    txt 1;<font face="Tahoma" color="#color" size="2">txt 2;


    SPOILER (click to view)
    CODICE
    <table cellspacing="1" cellpadding="1" width="200" summary="" border="1">
       <tbody>
           <tr>
               <td><font face="Tahoma" color="#color" size="2">txt 1;</font></td>
               <td><font face="Tahoma" color="#color" size="2">txt 2;</font></td>
       </tbody>
    </table>
    </p>


    ~ Titolo~
    ~ Titolo della colonna di sinistra ~~ Titolo della colonna di mezzo ~~ Titolo della colonna di destra ~
    testo della colonna a sinistra

    testo della colonna a sinistra

    testo della colonna a sinistra

    testo della colonna a sinistra
    testo della colonna in mezzo

    testo della colonna in mezzo

    testo della colonna in mezzo

    testo della colonna in mezzo
    testo della colonna a destra

    testo della colonna a destra

    testo della colonna a destra

    testo della colonna a destra
     


    SPOILER (click to view)
    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0">

    <tr>
    <td class="mleft_top"></td>
    <td><table class="mback" width="100%" cellpadding="0" cellspacing="0">

    <tr>
    <td class="mback_left"></td>
    <td class="mback_center"><div class="mtitle">~ Titolo~</div></td>
    <td class="mback_right"></td>
    </tr>

    </table></td>
    <td class="mright_top"></td>
    </tr>

    <tr>
    <td class="mleft"></td>
    <td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">

    <tr>
    <td class="title">~ Titolo della colonna di sinistra ~</td>
    <td class="title">~ Titolo della colonna di mezzo ~</td>
    <td class="title">~ Titolo della colonna di destra ~</td>
    </tr>

    <tr title="RIGA1">
    <td class="ww">testo della colonna a sinistra

    testo della colonna a sinistra

    testo della colonna a sinistra

    testo della colonna a sinistra</td>
    <td class="aa">testo della colonna in mezzo

    testo della colonna in mezzo

    testo della colonna in mezzo

    testo della colonna in mezzo</td>
    <td class="ww">testo della colonna a destra

    testo della colonna a destra

    testo della colonna a destra

    testo della colonna a destra</td>
    </tr>

    </table></td>
    <td class="mright"></td>
    </tr>

    <tr>
    <td class="mleft_bottom"></td>
    <td><table class="msub" width="100%" cellpadding="0" cellspacing="0">

    <tr>
    <td class="msub_left"></td>
    <td class="msub_center">&nbsp;</td>
    <td class="msub_right"></td>
    </tr>

    </table></td>
    <td class="mright_bottom"></td>
    </tr>

    </table>


    ATTENZIONE: i codici successivi funzionano SOLO con il browser Internet Explorer

    Alone intorno al testo
    CODICE
    <div style="width:100%; filter:glow(color=FF0000)">testo con l'alone</div>

    Dovete sostituire ai numeri presenti in <font color="blue">filter: glow(color=000000) il colore di cui volete che sia l'alone. Ecco una tabella da dove potete ricavare i codici dei colori.

    testo con l'alone


    Testo al contrario (orizzontale)
    CODICE
    <div style="width:100%; filter:fliph">testo al contrario</div>

    Attenzione all'allineamento testo!

    testo al contrario


    Testo al contrario (verticale)
    CODICE
    <div style="width:100%; filter:flipv">testo al contrario</div>

    Anche qui occhio all'allineamento!

    testo al contrario


    Testo con ombra
    CODICE
    <div style="width:100%; filter:blur">testo con ombra</div>

    Ricordate che un testo con ombra occupa più spazio!

    testo con ombra


    Testo con ombra proiettata
    CODICE
    <div style="width:100%; filter:shadow(color=FF0000)">testo con ombra</div>

    Modificate sempre il codice del colore, qui la tabella. State attenti, l'ombra va un po' sotto il testo scritto.

    testo con ombra


    Testo con ombra singola per lettera
    CODICE
    <div style="width:100%; filter:dropshadow(color=FF0000)">testo con ombra</div>

    Modificate sempre il codice del colore, qui la tabella. State attenti, l'ombra delle lettere va sotto il testo che avete scritto.

    testo con ombra


    Gradazioni colori
    CODICE
    <div style="width:100%; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#C3CDDA,EndColorStr=#FFFFFF)">Prova gradazioni colore...
    Ciao!</div>

    Prova gradazioni colore...
    Ciao!

     
    Top
    view post Posted on 24/10/2008, 15:35
    Avatar

    WCLO

    Group:
    Admin ~
    Posts:
    26,491
    Location:
    Japan 🌸

    Status:


    che tegaccia indegna ognuno di questi effetti *____*
     
      Top
    »PiNkA MoMoMiYa™«
    view post Posted on 24/10/2008, 16:19




    ^^ Figo è?
     
    Top
    view post Posted on 9/3/2009, 18:08
    Avatar

    WCLO

    Group:
    Admin ~
    Posts:
    26,491
    Location:
    Japan 🌸

    Status:


    sono tentata a mettermi quello con lo sfumato ai bordi rosso *_____*
     
      Top
    3 replies since 23/10/2008, 17:05   297 views
      Share