Differenze tra le versioni di "Template:Infobox/doc"

Da Pappa Wiki, ricette di una pediatra per le mamme a Km 0
(Creata pagina con "<templatestyles src="Infobox/styles.css" /> <table class="infobox"> <tr><th class="infobox-title" colspan="2">Titolo</th></tr> <tr><td class="infobox-image" colspan="2">File...")
 
 
Riga 29: Riga 29:
 
==Uso==
 
==Uso==
 
Innanzitutto occorre inserire all'inizio del template questa linea:
 
Innanzitutto occorre inserire all'inizio del template questa linea:
<syntaxhighlight lang="html">
+
<!--syntaxhighlight lang="html"-->
 +
<pre>
 
<templatestyles src="Infobox/styles.css" />
 
<templatestyles src="Infobox/styles.css" />
</syntaxhighlight>
+
</pre>
 +
<!--/syntaxhighlight-->
  
 
In questo modo si può usare il foglio di stile per creare una tabella, nella quale si possono usare le seguenti classi:
 
In questo modo si può usare il foglio di stile per creare una tabella, nella quale si possono usare le seguenti classi:
Riga 56: Riga 58:
 
==Esempio==
 
==Esempio==
 
L'infobox visibile a lato ha il seguente codice:
 
L'infobox visibile a lato ha il seguente codice:
<syntaxhighlight lang="html">
+
<!--syntaxhighlight lang="html"-->
 +
<pre>
 
<table class="infobox">
 
<table class="infobox">
 
   <tr><th class="infobox-title" colspan="2">Titolo</th></tr>
 
   <tr><th class="infobox-title" colspan="2">Titolo</th></tr>
Riga 81: Riga 84:
 
   </tr>
 
   </tr>
 
</table>
 
</table>
</syntaxhighlight>
+
</pre>
 +
<!--/syntaxhighlight-->

Versione attuale delle 18:18, 26 gen 2020

Titolo
280px
Sezione 1
Cella header 1 Contenuto cella 1
Cella header 2 Contenuto cella 2
Sezione 2
Cella header 3
  • Testo 1
  • Testo 2
  • Testo 3

Questo template non va utilizzato direttamente, ma piuttosto serve come base per la creazione di infobox specifici, utilizzando il suo foglio di stile.

Uso

Innanzitutto occorre inserire all'inizio del template questa linea:

<templatestyles src="Infobox/styles.css" />

In questo modo si può usare il foglio di stile per creare una tabella, nella quale si possono usare le seguenti classi:

Elemento Stile Descrizione
TABLE infobox Tabella (obbligatorio)
TH infobox-title Titolo principale
TH infobox-subtitle Header delle sezioni
TD infobox-image Immagine
TD cell-header Cella header della riga
TD nessuno Cella contenuto della riga

I template derivati da questo dovrebbero essere inclusi nella categoria Infobox.

Esempio

L'infobox visibile a lato ha il seguente codice:

<table class="infobox">
  <tr><th class="infobox-title" colspan="2">Titolo</th></tr>
  <tr><td class="infobox-image" colspan="2">[[File:No_image.svg|280px]]</td></tr>
  <tr><th class="infobox-subtitle" colspan="2">Sezione 1</th></tr>
  <tr>
    <td class="cell-header">Cella header 1</td>
    <td>Contenuto cella 1</td>
  </tr>
  <tr>
    <td class="cell-header">Cella header 2</td>
    <td>Contenuto cella 2</td>
  </tr>
  <tr><th class="infobox-subtitle" colspan="2">Sezione 2</th></tr>
  <tr>
    <td class="cell-header">Cella header 3</td>
    <td>
      <ul>
        <li>Testo 1</li>
        <li>Testo 2</li>
        <li>Testo 3</li>
      </ul>
    </td>
  </tr>
</table>