Ridimensiona immagine 250x250

[Astro86]

Questo BBCode mette un'immagine scelta da voi ridimenzionata a 250x250, cliccando sulla lente vedrai l'immagine nella sua dimenzione reale, Inoltre sotto l'immagine appare il codice per prelevare tale immagine

Uso BBcode:

Codice: Seleziona tutto

[image]{URL}[/image]

Trasforma in HTML

Codice: Seleziona tutto

<style type="text/css">
<!--
.grassetto {
	font-weight: bold;
}
-->
</style>


<table width="277" height="191" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="16" height="160" valign="top"><p><a href="{URL}" target="_blank"><img src="http://i775.photobucket.com/albums/yy40/LuxRay2009/ing.png" alt="Ingrandire l'immagine" border="0"></a></p></td>
    <td width="261" colspan="2"><img src="{URL}" width="250" height="250" alt=""></td>
  </tr>
  <tr>
    <td height="23" colspan="3" align="left" class="grassetto">Codice: 
      <label>
        <input name="textfield" type="text" id="textfield" value="[IMG]{URL}[/IMG]" size="25">
    </label></td>
  </tr>
</table>

Aiuto il linea:

Codice: Seleziona tutto

image - [image]Link immagine[/image]

Demo (sito esterno)
v2:
Propongo la versione 2 di questo BBcode, con questa versione si potrà alineare l'immagine a destra, a sinistra o al centro.. cosa che prima non si poteva fare senza creare un alterazione della script.

Uso BBcode:

Codice: Seleziona tutto

[image={TEXT}]{URL}[/image]

Trasforma in HTML

Codice: Seleziona tutto

    <style type="text/css">
        <!--
        .grassetto {
           font-weight: bold;
        }
        -->
        </style>


        <table width="277" height="191" border="0" align="{TEXT}" cellpadding="0" cellspacing="0">
          <tr>
            <td width="16" height="160" valign="top"><p><a href="{URL}" target="_blank"><img src="http://i775.photobucket.com/albums/yy40/LuxRay2009/ing.png" alt="Ingrandire l'immagine" border="0"></a></p></td>
            <td width="261" colspan="2"><img src="{URL}" width="250" height="250" alt=""></td>
          </tr>
          <tr>
            <td height="23" colspan="3" align="left" class="grassetto">Codice:
              <label>
                <input name="textfield" type="text" id="textfield" value="[IMG]{URL}[/IMG]" size="25">
            </label></td>
          </tr>
        </table>

Aiuto il linea:

Codice: Seleziona tutto

image - [image=center(centrato),left(Sinistra),right(Destra)]Link immagine[/image]

Istruzioni:
per avere l'immagine a destra scirvere right dopo "="
per avere l'immagine a sinistra scirvere left dopo "="
per avere l'immagine al centro scirvere center dopo "="

[Lucio_13]

per aumentare la scala dell'immagine?

[Carlo]

Dovresti modificare i valori della riga seguente:

Codice: Seleziona tutto

<img src="{URL}" width="250" height="250" alt="">

[Lucio_13]

Dovresti modificare i valori della riga seguente:

Codice: Seleziona tutto

<img src="{URL}" width="250" height="250" alt="">

Grazie carlo

[Evirci]

Come posso modificare il bbcode originale in modo che gli utenti se vogliono postare un'immagine siano costretti ad usare questo bbcode?

Grazie mille per l'aiuto!

[Harold Barrel]

Questo codice funziona benissimo, l'unico inconveniente è "squadra" alla risoluzione definita immagini con qualsiasi rapporto altezza-larghezza.... Perciò è indicato per chi lavora con immagini quadrate

[Andrea RBR-W]

Questo codice funziona benissimo, l'unico inconveniente è "squadra" alla risoluzione definita immagini con qualsiasi rapporto altezza-larghezza.... Perciò è indicato per chi lavora con immagini quadrate

Il consiglio è di mettere solo il campo height (o width..) in modo da manfenere intatte le proporzioni.. infatti, ae il browser trova entrambe le dimensioni deforma la pagina, se nn ne trova nessuna mantiene le dimensioni originali mentre se ne trova solo una scala l'immagine..

Inviato dal mio Vodafone 858 con Tapatalk 2

[Evans1991]

Come posso modificare il bbcode originale in modo che gli utenti se vogliono postare un'immagine siano costretti ad usare questo bbcode?

Grazie mille per l'aiuto!

quoto! Come si può fare per non avere due bbcode img? Ma utilizzare solamente questo che a me farebbe comodo

[likerenegade]

Mi piace questa mod..
Volevo chiedere se e' possibile togliere l'originale bbcode "IMG".. In modo che l'utente possa usare solo questa (davvero interessante..) mod !! Ossia far esistere sul forum solo il tasto "image" E FAR SPARIRE COMPLETAMENTE IL TASTO "IMG"..
Spero tanto di si...

[brunino]

Apri l'editor del file posting.php e cerca "img", si dovrebbe trovare vicino agli altri bbcode predefiniti.
Se lo trovi eliminalo