Consulta sobre BBCode

elnapotandil · 31/10/2012

Hola!

Quisiera hacer un botón como el de enlaces de vB, pero que al poner un link, directamente me ponga una imagen (botón) que me dirija a la descarga.

Ej: Aprieto el nuevo botón "Enlace", pongo la url de la descarga, y directamente me aparece una imagen que dice descarga en el post.

¿Alguien me puede decir como se puede hacer? Conozco un lugar en que lo usan así, pero no puedo encontrar en ningún lado como hacerlo. Lo más seguro es que no lo esté buscando con los términos adecuados.

Muchas gracias!

imported_OLMID · 31/10/2012

Hola elnapotandil

Podemos probar con un simple bbCode y vemos como va

- Entra en Códigos BB / Agregar nuevo código BB
- En Título ponemos: Botón Descarga
- En Nombre de la etiqueta del código BB ponemos: DL
- En Reemplazo ponemos este código:

HTML:

<style type="text/css">

.boton_descarga{
background:#eee;
display: inline-block;
width:220px;
border:1px solid #777;
border-radius: 12px;
box-shadow:inset -2px -2px 14px #aaa;
padding: 7px;
text-align:center;
color:red;
font-family: "Georgia";
font-style:italic;
font-weight:bold;
font-size:14px;
}

.boton_descarga:hover{
background: #CEE3F6;
box-shadow:inset -2px -2px 14px #0489B1;
border:1px solid #0489B1;
color:darkred;
font-weight:bold;
}

</style>

<a href="{param}" title="Pulsa para descargar">
    <span class="boton_descarga">Pulsa para Descargar</span>
</a>

- En Ejemplo, ponemos: [DL]Aquí el enlace[/DL]
- En Usar {option}, marcamos: No
- En Imagen del botón, puedes poner esta misma:

- En Eliminar etiqueta si está vacío, marcamos: Sí
- En Deshabilitar código BB Dentro de este código BB, marcamos: Sí
- En Ignorar emoticonos dentro de este código BB, marcamos: Sí
- En Deshabilitar envoltura de texto dentro de este código BB, marcamos: Sí
- En Deshabilitar análisis automático de enlaces dentro de este código BB, marcamos: No

Pulsa para Ver este Ejemplo

Saludos

elnapotandil · 31/10/2012

Hola Olmid!

Muchas gracias por tu ayuda! Tal vez me olvidé de aclarar que al botón ya lo tengo, es uno que tengo hecho con el nombre del foro, osea que no necesitaría que se cree el botón para el post, sino que se vea la imagen.

Muchas gracias!

imported_OLMID · 31/10/2012

Pues entonces es más sencillo

En Reemplazo pon este código:

HTML:

<a href="{param}" title="Pulsa para descargar"><img src="url de la imagen del botón" /></a>

Cambia donde pone "url de la imagen del botón"

Pulsa para Ver este Ejemplo

saludos

elnapotandil · 31/10/2012

Perfecto Olmid!! Muchas gracias por tu ayuda!!

Consulta sobre BBCode

elnapotandil

imported_OLMID

elnapotandil

imported_OLMID

elnapotandil

Tópicos similares