Página 1 de 1

Nuevo BBcode Spoiler + logo de fondo  Tema Solucionado

Publicado: 11 Nov 2012, 18:56
por ElSanguinario

hola gente buena de phpbb-es,
quiero compartir con ustedes un nuevo bbcode tipo spolier personalizado,
capas de poner un mini logo de fondo agradezco a phpBB-Es.com por ayudarme a diseñarlo... "gracias"

por defecto el spoiler esta centrado pero no hay ningun problema si se quiere mover el contenido solo usa los bbcode align dentro del bbcode spoilerv5s

Uso de BBcode

Código: Seleccionar todo

[spoil]{TEXT}[/spoil]
*Nuevo Reemplazo html

Código: Seleccionar todo

<div align="center"><span><img onclick="var container=this.parentNode.getElementsByTagName('div')[0];if(container.style.display!='')  {container.style.display='';this.src='images/spoiler/ocultar.png';} else {container.style.display='none';this.src='images/spoiler/mostrar.png';}" src="images/spoiler/mostrar.png" title="Click para Mostrar u Ocultar el Contenido.";>
<br>
<div id="show" style="background-image:url(images/spoiler/fondospoiler.png); display: none; background-color:transparent; background-repeat:repeat; margin: 0px; border: 2px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px; width:98%">{TEXT}
<div id="hide"> 
 </div>
	</div>
</div>
Linea de Ayuda

Código: Seleccionar todo

Etiqueta desplegable que Oculta el Contenido en su interior (muy util para aligerar la carga del post).
si quiere cambiar el logo reemplaza el siguiente archivo images/spoiler/fondospoiler.png
o si quieres cambiar por una imagen externa. busca en el reemplazo html: images/spoiler/fondospoiler.png y reemplaza por la url de la imagen
Recomiendo usar imagen de 45 px de alto


dejo una captura como adjunto:


dejo adjunto los archivos que deben subir a su host
saludos y suerte