Necesitas actualizar Flash player
Foro de posicionamiento en buscadores
 
 AyudaAyuda   BuscarBuscar   RegístreseRegístrese   ConectarseConectarse

Sindicar RSS Sindicar Atom
MOD PHPBB: redimensionar imágenes
Publicar Nuevo Tema   Responder al Tema    Índice del Foro SeoPosicion -> Diseño, Programación, Usabilidad y Accesibilidad
Ver tema anterior :: Ver siguiente tema  
Autor Mensaje
SeoPosicion
Administrador
Administrador


Registrado: 02 Feb 2006
Mensajes: 111
Ubicación: Granada

MensajePublicado: 02 Sep Sab, 2006 18:50 PM    Título del mensaje: MOD PHPBB: redimensionar imágenes Responder citando

Redimensionar imagenes grandes que te incluyan con [img]

Para que no te descuadre tu diseño del foro este MOD te redimensiona las imágenes que sean demasiado grandes (por defecto mas de 400 px, aunque esto puedes modificarlo en la función java que se incluye en overall_header.tpl)

Te crea un enlace con la imagen sin redimensionar en pantalla completa.

Idea Un MOD muy util y casi imprescindible.



reducir imagenes en los post.zip
 Descripcion:
Redimensionar imágenes grandes que te incluyan con [img] de forma automática con javascript

Descargar
 Nombre del archivo:  reducir imagenes en los post.zip
 Tamaño:  8.09 KB
 Descargado:  1482 veces

Volver arriba
morcio
Observador/a
Observador/a
Colombia

Registrado: 07 Nov 2007
Mensajes: 2
Ubicación: Infinite Fusion

MensajePublicado: 07 Nov Mie, 2007 22:11 PM    Título del mensaje: (Sin Asunto) Responder citando

Muchísimas gracias por el aporte.... funciona a la perfección con EM (EasyMod) me sirvió demasiado!

Saludos.
Volver arriba
Karlo
Observador/a
Observador/a
España

Registrado: 30 Nov 2007
Mensajes: 1


MensajePublicado: 30 Nov Vie, 2007 5:36 AM    Título del mensaje: MUCHISIMASSSSSSSSSS GRACIASSSSSSSSSSSS Responder citando

SeoPosicion: Me acabas de alegrar el día amigoooo!!!

Llevaba muchísimo tiempo buscando este modificador y la alegría que me he llevado al instalarlo y ver que funciona perfectamente a sido enormeeeeeeeeee.

Pongo aquí lo único que me a costado un pelín entender:

* Donde dice:
>>>>>>>>>>>>>>>>.<<<<<<<<<<<<<<<<
#-----[ OPEN ]------------------------------------------
#
templates/subSilver/bbcode.tpl
#
#-----[ FIND ]------------------------------------------
#
# around line 56
#
<!-- BEGIN img -->
#
#-----[ IN-LINE FIND ]------------------------------------------
#
<img
#
#-----[ IN-LINE AFTER, ADD ]------------------------------------------
#
# should look like: <img resizemod="on" onload="rmw_img_loaded(this)" src="{URL}" border="0" />
#
resizemod="on" onload="rmw_img_loaded(this)"
#

>>>>>>>>>>>>>>>>.<<<<<<<<<<<<<<<<

Lo que quiere decir es:

>>>>>>>>>>>>>>>>.<<<<<<<<<<<<<<<<

#-----[ ABRIR ]-----------------------------------------
#
templates/subSilver/bbcode.tpl
#
#-----[ BUSCAR ]-----------------------------------------
#
<img
#
# debería parecerse a: <img src="{URL}" border="0" />
#
#-----[ A CONTINUACIÓN, INTERCALAR ]--------------------
#
resizemod="on" onload="rmw_img_loaded(this)"
#
# debería quedar parecido a: <img resizemod="on" onload="rmw_img_loaded(this)" src="{URL}" border="0" />
#
>>>>>>>>>>>>>>>>.<<<<<<<<<<<<<<<<

Las imagenes quedan redimensionadas auotomáticamente al ser insertadas en los post y si deseas verlas al completo solo hay que "Clickear sobre ellas.

Magnífico, Es justo lo que andaba buscando.
Volver arriba
SeoPosicion
Administrador
Administrador


Registrado: 02 Feb 2006
Mensajes: 111
Ubicación: Granada

MensajePublicado: 30 Nov Vie, 2007 12:13 PM    Título del mensaje: (Sin Asunto) Responder citando

Me alegro que te haya servido
Volver arriba
mijack
Observador/a
Observador/a
España

Registrado: 03 Ene 2009
Mensajes: 3


MensajePublicado: 03 Ene Sab, 2009 19:11 PM    Título del mensaje: (Sin Asunto) Responder citando

En la pagina truzone.org he encontrado este codigo que es mas sencillo de implantar.

Simplementer hay que modificar el archivo viewtopicbody.tpl dentro del tema de la pagina he insertarlo antes de <table......>

Un saludo

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 > 600) 
         { 
            im.style.width = '600px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,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 = 'Haga clic aquí para ver la imagen a tamaño completo'; 
         } 
      } 
   } 


</script>
Volver arriba
drackp2m
Observador/a
Observador/a
IP Desconocida

Registrado: 19 Ene 2009
Mensajes: 1


MensajePublicado: 19 Ene Lun, 2009 22:01 PM    Título del mensaje: (Sin Asunto) Responder citando

mijack, es cierto que ese código va perfecto y es mucho mas sencillo, pero ¿que pasa si lo quiero instalar en otro estilo? yo uso el Milky Way, y en ese no hay manera de que funcione (ni de un modo ni del otro. ¿Alguien me podría echar una manita?

Gracias y saludos.
Volver arriba
Mostrar mensajes anteriores:   
Publicar Nuevo Tema   Responder al Tema    Índice del Foro SeoPosicion -> Diseño, Programación, Usabilidad y Accesibilidad Diseño, Programación, Usabilidad y Accesibilidad Todas las horas están en GMT + 1 Hora
Página 1 de 1



Foro proporcionado por phpBB ©
diseño web, posicionamiento en buscadores y alojamiento web.
Inicio de diseño Web y posicionamiento Web Diseño Web Posicionamiento en buscadores y optimización Web Alojamiento Web y hosting Foro de posicionamiento Web y buscadores Directorio SeoPosicion Formulario de contacto

Copyright (c) 2006. SeoPosicion©. Todos los derechos reservados.