Pagina 1 di 2

Ridimensiona immagine 250x250

Inviato: 20/09/2009, 10:27
da 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 "="

Re: Ridimensiona immagine 250x250

Inviato: 09/05/2011, 15:23
da Lucio_13
per aumentare la scala dell'immagine?

Re: Ridimensiona immagine 250x250

Inviato: 09/05/2011, 15:35
da Carlo
Dovresti modificare i valori della riga seguente:

Codice: Seleziona tutto

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

Re: Ridimensiona immagine 250x250

Inviato: 09/05/2011, 19:02
da Lucio_13
Carlo ha scritto:Dovresti modificare i valori della riga seguente:

Codice: Seleziona tutto

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

Re: Ridimensiona immagine 250x250

Inviato: 20/04/2012, 14:51
da 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!

Re: Ridimensiona immagine 250x250

Inviato: 12/06/2012, 23:10
da 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 :mrgreen:

R: Ridimensiona immagine 250x250

Inviato: 16/06/2012, 0:30
da Andrea RBR-W
Harold Barrel ha scritto: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 :mrgreen:
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

Re: Ridimensiona immagine 250x250

Inviato: 25/09/2012, 12:02
da Evans1991
Evirci ha scritto: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

Re: Ridimensiona immagine 250x250

Inviato: 17/03/2013, 9:10
da 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...

Re: Ridimensiona immagine 250x250

Inviato: 17/03/2013, 11:56
da brunino
Apri l'editor del file posting.php e cerca "img", si dovrebbe trovare vicino agli altri bbcode predefiniti.
Se lo trovi eliminalo