Box caja sin contenido solo imagen.

Tize · 30 May 2010

Hola buenas, alguien sabría decirme como se podría añadir un BB code pero para cuando clicamos en el salga una foto por ejemplo.
La intención es crear varios botones para poder añadir diferentes dibujos a los usuarios.

Estoy buscando la manera de incluirle a mi foro un BB code pero solo con imágenes, abrí una consulta en un post del 2009 sin darme cuenta y por ello lo creo aquí para que puedan ayudarme a decirme como crearlo por favor.
El código base que tengo para empezar es el siguiente pero no doy con ello por mucho que lo intento tal vez este código no me sirva.

Lo que pretendo es muy sencillo pero para mí muy difícil.

HTML:

<span style="border: 1px solid #5a7f97; background: #7394a9; display: inline-block; text-align: left">
	<div style="float: right; width: 39px; height: 34px; background: url(images/misc/dbox.gif) top right; margin: -1px -1px 0px 0px;"></div>
	<div style="width: 120px; height: 34px; background: url(images/misc/dbox.gif); margin: -1px 0px 0px -1px;"></div>
	<div style="border: 1px solid #F0F; margin: 5px 10px 0px 10px; padding: 2px; border: 1px solid #5a7f97; background: #fff;">
		<div style="font: 12px Verdana, Geneva, sans-serif; color: #666; padding: 3px;">{param}</div>
	</div>
	<div style="float: right; width: 10px; height: 10px; background: url(images/misc/dbox.gif) bottom right; margin: 0px -1px -1px 0px;"></div>
	<div style="width:10px; height: 10px; background: url(images/misc/dbox.gif) bottom left; margin: 0px 0px -1px -1px;"></div>
</span>

Link oficial del Hack.

Pongo un ejemplo gráfico para que se entienda mejor.

Alta resolución.

Enlace eliminado

La idea es clicar en el botoncito y que me ponga una imagen.

Tricfire · 31 May 2010

Bueno te pongo como creo que sería:

Título: Ficha Técnica
Nombre de Etiqueta del Código BB: ftec
Remplazo: <div style="text-align=center"><img src="dirección de la imagen"/></div>

De este modo al pulsar el botón o escribir [ftec][/ftec] aparecería la imagen centrada. Espero que te funcione, si no es así, avisame y reviso el código.

Tize · 31 May 2010

Voy a probarlo chico, muchas gracias ahora te comento algo al respecto.
Saludos.

---------- Actualizado a las 11:35 ---------- Original a las 11:12 ----------

Ya lo tengo, resulta que al ponerlo de ese modo no funciona ya que siempre me pide ponerle entre medio letras para que despues aparezca el dibujo.
La verdad es que es muy raro ya que no se como poder quitarle esa limitación.

Lo ideal sería que al pulsar ponga el link o bien la foto directamente y al previsualizar que se viera la foto en cuestión.
Muchas gracias por tu ayuda de verdad chico.

Aquí te adjunto dos capturas con el problema que da y de como lo publiqué también.

Tricfire · 31 May 2010

Jajaja, se me olvido... tienes que marcar Eliminar Etiqueta Si Está Vacio en NO. De ese modo funciona (lo he probado ahora mismo) Y en ejemplo mejor coloca solo la etiqueta [ftec][/ftec]

Tize · 31 May 2010

Si señor!! que pro eres, voy a probarlo chico gracias te comento algo dame unos minutos.
Por cierto, puedo cambiarles el nombre verdad a FTEC ya que hay otros que son por ejemplo Trailer y demás.?

Voy a probarlo y te digo ya.

Tricfire · 31 May 2010

Claro, la información puedes poner la que quieras, te lo puse como ejemplo. A ver si te funciona.

Tize · 31 May 2010

Estupendo TricFire! Gracias.
Voy a probarlo ya mismo.

---------- Actualizado a las 11:59 ---------- Original a las 11:52 ----------

Amigo, funciona perfectamente.
Eres el mejor colega, muchas gracias compañero.
Recibe un cordial saludo.

Tricfire · 31 May 2010

Me alegro de que te funcione.

Tize · 31 May 2010

Muchas gracias TricFire.
Saludos y hasta pronto amigo.