Página 4 de 5
Re: como se puede hacer esto
Publicado: 16 Mar 2011, 13:00
por zoby
georwill04 escribió:nono era le falta algo?
el recuadro del codigo se puede hacer un poquito mas largo?
Supongo que si, abre el post.html
busca
Código: Seleccionar todo
<div align="center"><p><input type="text" value="[img]http://www.dreparaciones.com.ar/repa/adm/images/post/102.jpg[/img]" title="" style="width:
en linea
reemplazar con
pongo 90 para ver como queda, si se descuadra, o se ve mal, devuelvelo como estaba. y lo comentas
georwill04 escribió:
y ya que estoy te consulto: yo quiero poner mas imagenes..como las agrego para que me de el codigo?
Añades:
Código: Seleccionar todo
<div align="center"><img src="url de la imagen" width="860" height="160" />
</div>
<div align="center"><p><input type="text" value="[img]url de la imagen[/img]" title="" style="width: inherit;" onclick="this.focus();this.select();" /> </p>
<p> </p></div>
georwill04 escribió:
y si se puede, puedo achicar las imagenes como si fuera una vista en chiquito?
te consulto todo de una asi no te hago perder tiempo
Se Podría hacer, pero no se como
(haber si aparece supergabriel
)
Re: como se puede hacer esto
Publicado: 16 Mar 2011, 13:12
por georwill04
bueno gracias por tu tiempo!! sos un grosso!!
los demas detalles por ahi gabriel me da una mano
nota: el recuadro del codigo no se agrando pero no hay drama!! saludos!!! (no lo doy por terminado por si tengo otra consulta..jeje
Re: como se puede hacer esto Tema Solucionado
Publicado: 16 Mar 2011, 13:55
por javiexin
georwill04 escribió:y si se puede, puedo achicar las imagenes como si fuera una vista en chiquito?
Sin cambiar las imágenes, lo más fácil es que pongas este código en lugar del que te ha propuesto
zoby:
Código: Seleccionar todo
<div align="center"><img src="url de la imagen" alt="" style="max-width: 250px; max-height: 200px;" /><br />
<p><input type="text" value="[img]url de la imagen[/img]" title="" style="width: inherit;" onclick="this.focus();this.select();" /> </p>
<p> </p></div>
He hecho dos cambios: he puesto los atributos max-width y max-height, para controlar el tamaño máximo que se presenta en pantalla, así puedes conseguir ver las imágenes en miniatura (debes ajustar los tamaños a lo que tú quieras); y he quitado una pareja de <div>, que creo que eran innecesarios.
Mira a ver si te va bien así.
-javiexin
Re: como se puede hacer esto
Publicado: 16 Mar 2011, 14:01
por georwill04
gracias voy a probar..sabes si se puede poner una al lado de la otra?
como se puede hacer esto
Publicado: 16 Mar 2011, 14:08
por javiexin
Mira, si quieres, prueba otra cosa.
En el fichero
post.html (el que tú has creado) añade lo siguiente, justo antes de </head>:
Código: Seleccionar todo
<script language="javascript" type="text/javascript">
<!--
function add_code(text)
{
var area_ignore_name = /username_list|search/i;
var area_e=opener.document.getElementsByTagName('TEXTAREA');
for(var i=0;i<area_e.length;i++)
{
if(!area_e[i].name.match(area_ignore_name))
{
var area=area_e[i];
break;
}
}
area.value = area.value + text;
opener.focus();
window.close();
}
//-->
</script>
Y en el código que va con cada imagen, cambia:
por
No lo he probado, pero mira a ver qué tal, y nos cuentas
-javiexin
Re: como se puede hacer esto
Publicado: 16 Mar 2011, 14:18
por georwill04
emm no cambia nada
como se puede hacer esto
Publicado: 16 Mar 2011, 14:43
por javiexin
Tienes duplicado el <head> (dos veces, entero).
Y has vuelto a deshacer cambios que habíamos hecho... ahora, vuelve a estar la imagen grande, y no con tamaño máximo, como habíamos dicho.
Y además, ahora han aparecido tags de tabla que no había antes.
Y por último, no has hecho el cambio que decía en el post anterior:
javiexin escribió:Y en el código que va con cada imagen, cambia:
por
Voy a ponerte el código completo, REEMPLAZA el fichero post.html COMPLETO y NO LO TOQUES hasta que lo veamos funcionando.
Este es:
Código: Seleccionar todo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Imagenes para tus post!!</title>
<style type="text/css">
<!--
.Estilo1 {
color: #0000FF;
font-weight: bold;
}
.Estilo2 {
text-align: center;
width: 300px;
display: inline-block;
padding: 5px;
}
.Estilo3 {
max-width: 250px;
max-height: 200px;
}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
function add_code(text)
{
var area_ignore_name = /username_list|search/i;
var area_e=opener.document.getElementsByTagName('TEXTAREA');
for(var i=0;i<area_e.length;i++)
{
if(!area_e[i].name.match(area_ignore_name))
{
var area=area_e[i];
break;
}
}
area.value = area.value + text;
opener.focus();
window.close();
}
//-->
</script>
</head>
<body>
<p align="center" class="Estilo1">ELEGI LA IMAGEN QUE QUERES AGREGAR A TU POST:</p>
<div class="Estilo2"><img class="Estilo3" src="http://www.dreparaciones.com.ar/repa/adm/images/post/102.jpg" alt="" /><br />
<p><input type="text" value="[img]http://www.dreparaciones.com.ar/repa/adm/images/post/102.jpg[/img]" title="" style="width: inherit;" onclick="add_code(this.value);return 0;" /> </p>
<p> </p></div>
<div class="Estilo2"><img class="Estilo3" src="http://www.dreparaciones.com.ar/repa/adm/images/post/15idi.gif" alt="" /><br />
<p><input type="text" value="[img]http://www.dreparaciones.com.ar/repa/adm/images/post/102.jpg[/img]" title="" style="width: inherit;" onclick="add_code(this.value);return 0;" /> </p>
<p> </p></div>
</body>
</html>
-javiexin
Re: como se puede hacer esto
Publicado: 16 Mar 2011, 15:21
por georwill04
sii!! ahi esta joya!! cada vez que tenga que poner una imagen al costado con codigo como debo hacer? como lo hacia antes?
Re: como se puede hacer esto
Publicado: 16 Mar 2011, 15:24
por georwill04
emm un detalle: cuando quiero copiar el texto me vuelve a la pagina anterior...
Re: como se puede hacer esto
Publicado: 16 Mar 2011, 15:47
por javiexin
georwill04 escribió:emm un detalle: cuando quiero copiar el texto me vuelve a la pagina anterior...
Y debería meterte el código directamente en el área de edición... si no es así, entonces hay algo sólo "casi" bien...
-javiexin
Re: como se puede hacer esto
Publicado: 16 Mar 2011, 16:41
por georwill04
si..me aparece arriba pero no el lugar donde se escribe...
para agregar las imagenes en este nuevo codigo como hago?
Re: como se puede hacer esto
Publicado: 16 Mar 2011, 17:06
por javiexin
georwill04 escribió:si..me aparece arriba pero no el lugar donde se escribe...
Algún sitio donde yo pueda probar esto? Un foro donde pueda publicar algo como invitado.
georwill04 escribió:para agregar las imagenes en este nuevo codigo como hago?
Tienes que añadir un bloque como el siguiente, cambiando {IMG_URL} por el enlace a cada imagen (dos veces en cada bloque).
Código: Seleccionar todo
<div class="Estilo2"><img class="Estilo3" src="{IMG_URL}" alt="" /><br />
<p><input type="text" value="[img]{IMG_URL}[/img]" title="" style="width: inherit;" onclick="add_code(this.value);return 0;" /> </p>
<p> </p></div>
Re: como se puede hacer esto
Publicado: 16 Mar 2011, 17:23
por georwill04
entra por el usuario prueba1 pass 123456
como se puede hacer esto
Publicado: 16 Mar 2011, 17:33
por javiexin
Cambia:
por:
Código: Seleccionar todo
var area_ignore_name = /username_list|search|helpbox/i;
Y ya!
Saludos,
-javiexin
Re: como se puede hacer esto
Publicado: 16 Mar 2011, 17:41
por georwill04
joyaa!! muy bueno!! gracias!!! tambien a zoby!!! pruebo todo y ya comento si funca bien!!!!!!!