BBcode: Foto affiancata da messaggio (V1,V2 e V3)

[Astro86]

V1
Descrizione:
Questo BBcode permette di inserire un'immagine a sinistra e il testo a destra.

Uso BBcode:

Codice: Seleziona tutto

[table{TEXT1}]{TEXT2}[/table]

Trasforma in HTML:

Codice: Seleziona tutto

    <div>
      <table width="1017" border="0">
        <tr>
          <td width="auto"><img src="{TEXT1}"></td>
          <td width="975" align="left" valign="top">{TEXT2}</td>
        </tr>
      </table>
    </div>

Aiuto in Linea:

Codice: Seleziona tutto

Table: [table"Link immagine"]Testo[/table]

V2
Differenze:
Crea una miniatura dell'imagine che se si fa clik sulla lente si ingradisce.
Sostituisci la script in Trasforma in HTML con questo:

Codice: Seleziona tutto

<div>
      <table width="1017" border="0">
        <tr>
         <td width="auto" align="left" valign="top"><a href="{TEXT1}"><img src="http://img230.imageshack.us/img230/3379/zoomin.png" border="0"></a></td>
          <td width="auto"><img src="{TEXT1}" width="120" height="120"></td>
          <td width="975" align="left" valign="top">{TEXT2}</td>
        </tr>
      </table>
 </div>

V3
Differenze:
Aggiunge uno scroll al testo se il testo è troppo lungo.
Sostituisci la script in Trasforma in HTML con questo:

Codice: Seleziona tutto

<div>
      <table width="1017" border="0">
        <tr>
         <td width="auto" align="left" valign="top"><a href="{TEXT1}"><img src="http://img230.imageshack.us/img230/3379/zoomin.png" border="0"></a></td>
          <td width="auto"><img src="{TEXT1}" width="120" height="120"></td>
          <td width="975" align="left" valign="top">
          <div style="overflow:auto; text-align: left; height:120px">
          {TEXT2}
          </div>
          </td>
        </tr>
      </table>
 </div>