Box caja sin contenido solo imagen.

  • Autor Autor Tize
  • Fecha de inicio Fecha de inicio
T

Tize

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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.
 
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.
 
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.

dsdb.jpg



ddsi.png
 
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]
 
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.
 
Claro, la información puedes poner la que quieras, te lo puse como ejemplo. A ver si te funciona.
 
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.

🙂
 
Me alegro de que te funcione.
 
Muchas gracias TricFire.
Saludos y hasta pronto amigo.
 
Atrás
Arriba