Testo Shadow BBCode

[Galandas]

Testo Shadow BBCode

Autore: Dazbobaby
Descrizione: Testo Shadow BBCode aggiunge un'ombra semplice al testo, sembra bello, ma con i browser non è compatibile al 100%.
Nota! È possibile inserire la parte css nel foglio di stile per rendere questo bbcode xhtml valido.

---

BBCode:

Codice: Seleziona tutto

[shadow]{TEXT}[/shadow]

HTML:

Codice: Seleziona tutto

<span id="text">{TEXT}</span>

  <style type="text/css">

#text{
   font-size: 3em; /* optional. just to increase the font size. */
   display: block;
   line-height: 1em;
   color: #666; /* shadow color */
   background-color: transparent;
   white-space: nowrap; /* wrapping breaks the effect */
}

#text:before,
#text:after{
   content: "{TEXT}"; /* generated text */
   display: block;
}

#text:before{
   margin-bottom: -1.05em;
   margin-left: 0.1ex;
   color: #ccc; /* shadow color */
   background-color: transparent;
}

#text:after{
   margin-top: -1.05em;
   margin-left: -0.1ex;
   color: #fff; /* text color */
   background-color: transparent;
</style>

Aiuto in linea:

Codice: Seleziona tutto

Shadow: [shadow]Qui il testo[/shadow]

Esempio:

Codice: Seleziona tutto

[shadow]Ecco il testo semplice, con Shadow.[/shadow]

Demo:clicca qui