FAQ • Identificarse

Índice general » Tutoriales » Tutoriales » Tutoriales ForoGratis » Etiquetas BBCode

Todos los horarios son UTC + 2 horas




Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas  Página 1 de 2
  [ 25 mensajes ]  Ir a página 1, 2  Siguiente
Tema previo | Siguiente tema 
[BBCODE] Tamaño de las imagenes 
Autor Mensaje
Pere
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota [BBCODE] Tamaño de las imagenes
Alguna veces tengo poner imagenes y me da pereza estar redimensionandolas y subiendolas de nuevo. Y como he visto a alguien que no sabia y preguntaba pues eso....
Aqui tienen un BBCode para ponerle el tamaño que deseen a las imagenes en sus posts:


Código:

Uso del BBCode:
[imagen={TEXT1},{TEXT2}]{TEXT}[/imagen]

Remplazo HTML:
<img src="{TEXT}" width="{TEXT1}" height="{TEXT2}">

Linea de Ayuda:
[imagen=ancho,alto]url[/imagen]
09-18-2008, 17:26
Perfil WWW
Odisea
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 10-19-2006, 12:35
Mensajes: 4798
Ubicación: (España)
Nota 
Gracias por el aporte Pere !!

Un consejo al usar ese BBcode... al poner el ancho y el lalto, usar siempre un % en vez de X px. , y usar el mismo % tanto para el ancho, como para el alto , es la manera mas efectiva de que se redimensionen sin deformarse 8-)

_________________
Imagen


La verdadera sabiduría está en reconocer la propia ignorancia.( Socrates )


09-18-2008, 17:32
Perfil
Pere
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota 
Odisea escribió:
usar siempre un % en vez de X px. , y usar el mismo % tanto para el ancho, como para el alto , es la manera mas efectiva de que se redimensionen sin deformarse 8-)


Efectivamente Odisea ademas resulta mas comodo y eso seria asi:
Código:
Uso del BBCode:
[imagen={TEXT1}]{TEXT}[/imagen]

Remplazo HTML:
<img src="{TEXT}" width="{TEXT1}%" height="{TEXT1}%">

Linea de Ayuda:
Dimension en %: [imagen=ancho]url[/imagen]
09-19-2008, 18:44
Perfil WWW
booster
Moderador
Moderador
Avatar de Usuario

Registrado: 01-16-2008, 2:08
Mensajes: 4000
Ubicación: México
Nota 
buen tuto 8-) se agradece :smile:

_________________
09-19-2008, 19:23
Perfil WWW
salsa
Forero Habitual
Forero Habitual
Avatar de Usuario

Registrado: 04-10-2007, 2:31
Mensajes: 97
Nota 
Si siempre como dice odisea, si reducis o aumentas el mismo porcentaje tanto el ancho como el alto, la imagen queda como tu quieres sin deformarse

Tenia que hacer unas pulseras con fotos de idolos de un club y asi hice :sad:

_________________
Click En Mi firma para entrar a Mi Foro
Imagen
Imagen
Imagen
Imagen
09-20-2008, 16:43
Perfil
MR.DREAMS
Forero Experto
Forero Experto
Avatar de Usuario

Registrado: 10-28-2007, 1:40
Mensajes: 2071
Ubicación: Argentina
Nota 
Gracias, es mucho mejor! :D

_________________
LA CAFETERIA !
09-20-2008, 16:56
Perfil WWW
Álvarez
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 06-01-2007, 4:50
Mensajes: 3547
Ubicación: México
Nota 
O bien el que tengo en mi foro xDDD
este lo que hace es deminsionar o como se diga las imagenes que pasen de *ancho
como el de este foro:

lo puedes pegar si gustan en viewtopic_body.html en el panel de adminisrtracion del foro.

Código:
<script>
    window.onload = resizeimg;
    function resizeimg()
    {
       if (document.getElementsByTagName)
       {
          for (i=0; i<document.getElementsByTagName('img').length; i++)
          {
             im = document.getElementsByTagName('img')[i];
             if (im.width > 715 && im.src != "[b]http://elgranocio.forosonline.es/board/homes/elgranocio_forosonline_es/web/images/elgranocioforologoforo.jpg[/b]")
if (im.width > 600 && im.src != "http://images.elgranocio.forosonline.es/avisoprimerpost.png")
             {
                im.style.width = '[b]600[/b]px';
                eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=900,height=900,scrollbars=1,resizable=1'); pop.focus();\")");
                eval("im.onclick = pop" + String(i) + ";");
                if (document.all) im.style.cursor = 'hand';
                if (!document.all) im.style.cursor = 'pointer';
                im.title = '[b]Pulsa aquí para ver la imagen en su tamaño original[/b] ';
             }
          }
       }
    }

    </script>


Lo que esta en negrita es para modificarlo
la url es para que si no quieres que tu logo se redusca automaticamente solo pon la url ahi y bingo.

600PX= cambialo por el ancho que dara a la imagen grande (que mida mas de 600px)

_________________
Imagen
09-20-2008, 19:10
Perfil
Álvarez
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 06-01-2007, 4:50
Mensajes: 3547
Ubicación: México
Nota 
NO PUEDO EDITAR MI MSJ ANTERIOR *_*
O bien el que tengo en mi foro xDDD
este lo que hace es deminsionar o como se diga las imagenes que pasen de *ancho
como el de este foro:

lo puedes pegar si gustan en viewtopic_body.html en el panel de adminisrtracion del foro.

Código:
<script>
    window.onload = resizeimg;
    function resizeimg()
    {
       if (document.getElementsByTagName)
       {
          for (i=0; i<document.getElementsByTagName('img').length; i++)
          {
             im = document.getElementsByTagName('img')[i];
             if (im.width > 715 && im.src != "[b]http://elgranocio.forosonline.es/board/homes/elgranocio_forosonline_es/web/images/elgranocioforologoforo.jpg[/b]")
if (im.width > 600 && im.src != "http://images.elgranocio.forosonline.es/avisoprimerpost.png")
             {
                im.style.width = '[b]600[/b]px';
                eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=900,height=900,scrollbars=1,resizable=1'); pop.focus();\")");
                eval("im.onclick = pop" + String(i) + ";");
                if (document.all) im.style.cursor = 'hand';
                if (!document.all) im.style.cursor = 'pointer';
                im.title = '[b]Pulsa aquí para ver la imagen en su tamaño original[/b] ';
             }
          }
       }
    }

    </script>


Lo que esta en negrita es para modificarlo
la url es para que si no quieres que tu logo se redusca automaticamente solo pon la url ahi y bingo.

600PX= cambialo por el ancho que dara a la imagen grande (que mida mas de 600px)

_________________
Imagen
09-20-2008, 19:11
Perfil
wagu
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 01-16-2007, 5:58
Mensajes: 6807
Ubicación: Chile
Nota 
Te edite este, Pilloman3 quieres que te borre el post anterior? o quires ponerlo de nuevo
09-20-2008, 21:17
Perfil
Álvarez
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 06-01-2007, 4:50
Mensajes: 3547
Ubicación: México
Nota 
elimina el 2
y en el primer post mio quitale las etiquetas [code...

_________________
Imagen
09-20-2008, 22:22
Perfil
Gasberts
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 04-23-2008, 1:23
Mensajes: 401
Nota 
Pilloman3 escribió:
NO PUEDO EDITAR MI MSJ ANTERIOR *_*
O bien el que tengo en mi foro xDDD
este lo que hace es deminsionar o como se diga las imagenes que pasen de *ancho
como el de este foro:

lo puedes pegar si gustan en viewtopic_body.html en el panel de adminisrtracion del foro.

Código:
<script>
    window.onload = resizeimg;
    function resizeimg()
    {
       if (document.getElementsByTagName)
       {
          for (i=0; i<document> 715 && im.src != "[b]http://elgranocio.forosonline.es/board/homes/elgranocio_forosonline_es/web/images/elgranocioforologoforo.jpg[/b]")
if (im.width > 600 && im.src != "http://images.elgranocio.forosonline.es/avisoprimerpost.png")
             {
                im.style.width = '[b]600[/b]px';
                eval("pop" + String(i) + " = new Function("pop = window.open('" + im.src + " ','fullscale','width=900,height=900,scrollbars=1,resizable=1'); pop.focus();")");
                eval("im.onclick = pop" + String(i) + ";");
                if (document.all) im.style.cursor = 'hand';
                if (!document.all) im.style.cursor = 'pointer';
                im.title = '[b]Pulsa aquí para ver la imagen en su tamaño original[/b] ';
             }
          }
       }
    }

    </script>


Lo que esta en negrita es para modificarlo
la url es para que si no quieres que tu logo se redusca automaticamente solo pon la url ahi y bingo.

600PX= cambialo por el ancho que dara a la imagen grande (que mida mas de 600px)



No consigo encontrar dónde hay que pegar esto :(

_________________
Mi dirección:

http://ciclismo.foroactivo.es

www.forociclismo.org
09-21-2008, 3:10
Perfil WWW
Pere
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota 
Gasberts escribió:
No consigo encontrar dónde hay que pegar esto :(


Pilloman3 escribió:
lo puedes pegar si gustan en viewtopic_body.html en el panel de adminisrtracion del foro.



Si funciona pero yo tengo el problema de que al ver cualquier post me cambia el tamaño del texto de la plantilla viewtopic_body. :shock:
09-21-2008, 12:33
Perfil WWW
Gasberts
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 04-23-2008, 1:23
Mensajes: 401
Nota 
Ya había leido eso, pero el problema es que no lo encuentro :D , ¿es lo de contenido extra en el panel acp?, porque lo dicho, entro al panel de administración y no veo lo del viewtopic_body por ningún lado, que estará, no lo dudo, pero soy pelín bastante zoquete.

_________________
Mi dirección:

http://ciclismo.foroactivo.es

www.forociclismo.org
09-21-2008, 16:04
Perfil WWW
Pere
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota 
Gasberts escribió:
entro al panel de administración y no veo lo del viewtopic_body por ningún lado, que estará, no lo dudo, pero soy pelín bastante zoquete.


Ves a tu foro y sigue estos pasos:

Ir al Panel de Administración/Estilos/Plantillas/Tu estilo/Editar

Y aqui en el menu desplegable elijes el archivo viewtopic_body.html
09-21-2008, 17:34
Perfil WWW
Álvarez
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 06-01-2007, 4:50
Mensajes: 3547
Ubicación: México
Nota 
<script>
window.onload = resizeimg;
function resizeimg()
{
if (document.getElementsByTagName)
{
for (i=0; i<document> 715 && im.src != "http://elgranocio.forosonline.es/board/homes/elgranocio_forosonline_es/web/images/elgranocioforologoforo.jpg")
if (im.width > 600 && im.src != "http://images.elgranocio.forosonline.es/avisoprimerpost.png")
{
im.style.width = '600px';
eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=900,height=900,scrollbars=1,resizable=1'); pop.focus();\")");
eval("im.onclick = pop" + String(i) + ";");
if (document.all) im.style.cursor = 'hand';
if (!document.all) im.style.cursor = 'pointer';
im.title = 'Pulsa aquí para ver la imagen en su tamaño original ';
}
}
}
}

</script>

pegar esto en
Panel de Administración/Estilos/Plantillas/{NOMBREDELTEMPLATE}/Editar
y escoger viewtopic_body.html

en mi ex foro si que funciona y sin perjudicar otras coss.

_________________
Imagen
09-21-2008, 17:52
Perfil
Mostrar mensajes previos:  Ordenar por  
Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas   Página 1 de 2
  [ 25 mensajes ]  Ir a página 1, 2  Siguiente

Índice general » Tutoriales » Tutoriales » Tutoriales ForoGratis » Etiquetas BBCode

Todos los horarios son UTC + 2 horas


¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados

No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Saltar a:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.
Traducción al español por Huan Manwë para phpbb-es.com
phpBB SEO
[ Time : 0.054s | 12 Queries | GZIP : Off ]