CSS Tabella BBCode

[Galandas]

CSS Tabella BBCode

Autore: Stoker
Descrizione: Il BBCode tabella CSS consente di inserire tabelle in stile CSS nei post.
Questo BBCode tabella sembra proprio la stessa in tutti gli stili.
È necessario creare 4 bbcodes per far funzionare il bbcode tabella.

Modifiche File: Inserire il seguente codice css nel foglio di stile. Per gli stili basati su prosilver è colours.css e per gli stili basati su subsilver2 è stylesheet.css
Sentitevi liberi di modificare i colori.
Se non desiderate l'effetto al passaggio del mouse, basta cancellare il codice al passaggio del mouse.

Codice: Seleziona tutto

  table.stoker 
{
text-align: center;
font-size: 14px;
color: #fff;
width: auto;
margin-left: auto;
margin-right: auto;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
}

table.stoker td.headline 
{
background-color: #005501;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 18px;
font-weight: bold;
} 

table.stoker td.headline:hover 
{
background-color: #005501;
color: #fff;
text-decoration: none;
} 

table.stoker td 
{
background-color: #CCC;
color: #000;
padding: 4px 20px 4px 20px;
text-align: left;
border: 1px #fff solid;
}

table.stoker td:hover 
{
background-color: #556b2f;
color: #FFF;
text-decoration: underline;
}

---

Tabella:
BBCode:

Codice: Seleziona tutto

[table]{TEXT}[/table]

HTML:

Codice: Seleziona tutto

<table class="stoker" cellspacing="0">
{TEXT}
</table>

---

Tr:
BBCode:

Codice: Seleziona tutto

[tr]{TEXT}[/tr]

HTML:

Codice: Seleziona tutto

<tr>{TEXT}</tr>

---

Td Titolo:
BBCode:

Codice: Seleziona tutto

[tdo={NUMBER}]{TEXT}[/tdo]

HTML:

Codice: Seleziona tutto

<td class="headline" colspan="{NUMBER}">{TEXT}</td>

---

Td:
BBCode:

Codice: Seleziona tutto

[td]{TEXT}[/td]

HTML:

Codice: Seleziona tutto

<td>{TEXT}</td>

Per fare questi bbcode, è necessario combinare tra loro la strada giusta.
Dopo aver aggiunto i BBCode in ACP, È possibile utilizzare questo codice di esempio nella vostra board:

Codice: Seleziona tutto

[table][tr][tdo=5]Stile CSS Tabella[/tdo][/tr][tr][td][b]Del testo[/b][/td][td][b]Rey[/b][/td][td][b]world[/b][/td][td][b]phpbb3[/b][/td][td][b]BBCode[/b][/td][/tr][tr][td][b]Home:[/b][/td][td]test[/td][td]test[/td][td]test[/td][td]test[/td][/tr][tr][td][b]1 - 2:[/b][/td][td]test[/td][td]test[/td][td]test[/td][td]test[/td][/tr][tr][td][b]3 - 4:[/b][/td][td]test[/td][td]test[/td][td]test[/td][td]test[/td][/tr][tr][td][b]5 - 6:[/b][/td][td]test[/td][td]test[/td][td]test[/td][td]test[/td][/tr][tr][td][b]7 - 8:[/b][/td][td]test[/td][td]test[/td][td]test[/td][td]test[/td][/tr][tr][td][b]9 - 10:[/b][/td][td]test[/td][td]test[/td][td]test[/td][td]test[/td][/tr][/table]

Demo: