Activar HTMLTema Solucionado

[Cruciattus]

Bueno, no se si esta duda va aqui, si no lo es pues que la muevan donde sea^^
quiero activar el HTML para usar unos codigos en posts mayormente, para conseguir cosas como esta
http://fragileeternity.gratis-foro.net/ ... -de-imagen
poder poner cuadros con imagenes que se alargan conforme se escribe dentro y textos que imagenes a los lados, incluso poner scroll para grandes textos.
Mi pregunta es; activar la HTML para conseguir esto es peligroso para la seguridad del foro??, que se podria hacer poara poder activarlo sin que se afectara la seguridad. Cuando me quede claro el tema de seguridad preguntaré en otro tema por como s eactiva el HTML si es con mod o desde el ACP. Gracias!

[memoadian]

Permitir html en un foro es la cosa más peligrosa que conozco al tener un foro.

pero leyendo eso, no entendí nada de lo que hace, eso de registro de PNJ que es?

a lo mejor con una página personalizada se puede hacer algo, pero permitir html no es nada bueno nonono.

[Cruciattus]

Vale creo que ya entendi HTML= Diablo UU
Yo queria conseguir hacer esto
http://fragileeternity.gratis-foro.net/ ... -de-imagen
tienen una especie de recuadro con una imagen en el fondo que parece que se alarga cuando se escribe algo dentro y tambien le pueden poner como una linea de color en un lateral a algunos textos. Asi que mi pregunta es, se puede modificar algo para conseguir el mismo efecto? o crear un bbcode para conseguir el mismo resultado?, osea crear un recuadro al que se le pueda poner una imagen hecha por uno mismo de fondo + que se agrande ese recuadro conforme se escriba dentro + poder hacerlo de un tamaño mas pequeño o mas grande dependiendo del gusto + admita otros bbcodes dentro como tamaño, color y fuente. Si se pudiera conseguir seria fabuloso!. GRACIAS!

[Cruciattus]

Posteo de nuevo para dejar nuevas muestras de lo que me gustaria conseguir.

SPOILER_SHOW

http://thehungergames.foro-phpbb.com/t4 ... d-sgallery

ahi se puede ver como la usuaria tiene una imagen de fondo sobre los enlaces a sus trabajos de photoshop!
y aqui

SPOILER_SHOW

http://thehungergames.foro-phpbb.com/t4 ... ed-scorner

es incluso muchisimo mas elaborado!! ya que ademas de una imagen de fondo, tiene un apartado para poner los pedidos que tiene pendiente (derecha) y a la izquierda en spoiler el codigo para pedidos! que cuando se expande aparece un scroll lateral. Es increible lo bonito, estetico y elegante que queda!.
Me han comentado que quizas se podria lograr creando un bbcode, si alguien se anima!*__*

[DaVidU]

ahora estoy confundido...te refieres exactamente al spoiler y dentro un textarea con scroll? (lo de la imágen si lo entendí)

[gm_foro]

a mi tambien me interesaria saber por que tengo un foro donde pongo mangas con <div> y quisiera saber cual es el riego de esto.

[Cruciattus]

ahora estoy confundido...te refieres exactamente al spoiler y dentro un textarea con scroll? (lo de la imágen si lo entendí)

Me gustaria poder conseguir las dos cosas Dav, seria estupendo. Aunque si el segundo caso es mas complicado me conformo con el primero xD
solo se lo que veo^^ no se a que te refieres con textarea, solo veo que parece que hay como dos apartados, uno a la derecha donde esta persona anota sus pedidos y otro a la izquierda con un codigo para pedidos que al expandirlo sale un scroll que separa ambas partes dentro de lo que es la imagen de fondo^^. Seguro no me explico como es debido. Pero se que tu sabras darle giro, si no se puede pues nada, con poder hacer lo que se ve en el primer caso estaria genial.
gracias por responder!

[DaVidU]

pienso pides demasiado y que ni tu te vas a aclarar con los bbcodes, es mucho contenido y muchas cosas a cambiar en el bbcode si pretendes hacer ese resultado, para que veas, esto he mirado así por encima de como debería ser el html para uno de esos bbcodes

Código: Seleccionar todo

<div style="width: {NUMBER}px;  background-image: url({URL}); -webkit-border-radius: 50px 0px 50px 0px; -moz-border-radius: 50px 0px 50px 0px; border: solid 4px; color: #FB47A1; padding: 10 10 10 10px; font-family: georgia; font-size: 9px; line-height: 100%">
<div style="width:{NUMBER2}px;"><br />
<div style="text-align:center;">{SIMPLETEXT}</div>
<div style="width:100%; text-align:center; padding-bottom:2px; letter-spacing:1px; word-spacing:7px;">{SIMPLETEXT2}</div>
<div style="width:100%; height: 200px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background: #121212 url({URL2});"></div>
<div style="text-align:justify;line-height:100%;padding-bottom:2px; letter-spacing: -1px; word-spacing:7px; color: 4A777A;">{SIMPLETEXT3}</div>
<br />
<p>
<div style="width:{NUMBER3}px; text-align:justify; line-height:100%; padding-bottom:4px; color:black; background-color:E3E3E3;">
<br />
<span style="font-size: 18px; line-height: normal">❥</span>{SIMPLETEXT4}<a href="http://i54.tinypic.com/al40he.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i53.tinypic.com/2efjko0.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i55.tinypic.com/349fldu.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i54.tinypic.com/2s941et.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i56.tinypic.com/k9u8zt.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i51.tinypic.com/34q8wt0.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i52.tinypic.com/z0p43.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i56.tinypic.com/1snjmd.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a>
<br /><br />
<span style="font-size: 18px; line-height: normal">❥</span>{SIMPLETEXT5}<a href="http://i55.tinypic.com/sb55xf.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a>
<br /><br />
<span style="font-size: 18px; line-height: normal">❥</span> {SIMPLETEXT6}
<br />
</div>
</div>
<br /><br>
<hr style="width: {NUMBER4}px; height: 5px; border: solid 1px #black; border-width:1px 0 0; background-color:black;">
<br /><br><br><br />
</div>

[Cruciattus]

Bueno pienso que con la practica necesaria se podria manejar bien, pero si es complicado transformar la idea en bbcode no importa. Gracias por atender^^

[DaVidU]

dime si es esto lo que estás buscando más o menos para uno de ellos



este sería el uso del bbcode:

Código: Seleccionar todo

[celica]{NUMBER}, {URL}, {NUMBER2}, {SIMPLETEXT}, {SIMPLETEXT2}, {URL2}, {SIMPLETEXT3}, {NUMBER3}, {SIMPLETEXT4}[/celica]

este el reemplazo html:

Código: Seleccionar todo

<div style="width: {NUMBER}px;  background-image: url({URL}); -webkit-border-radius: 50px 0px 50px 0px; -moz-border-radius: 50px 0px 50px 0px; border: solid 4px; color: #FB47A1; padding: 10 10 10 10px; font-family: georgia; font-size: 9px; line-height: 100%">
	<div style="width:{NUMBER2}px;"><br />
		<div style="text-align:center; font-size: 18px; padding-bottom:6px;">{SIMPLETEXT}</div>
			<div style="width:100%; text-align:center; padding-bottom:2px; letter-spacing:1px; word-spacing:7px;">{SIMPLETEXT2}</div>
			<div style="width:100%; min-height: 100px; background: transparent url({URL2}) no-repeat; background-position: top center;"></div>
			<div style="padding:5px; color: 4A777A;background-color: #FFF; margin:10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border: 1px solid #FB47A1;">{SIMPLETEXT3}</div>
			<div style="width:{NUMBER3}px; text-align:center; padding-bottom:4px; color:black; background-color:E3E3E3;">
			{SIMPLETEXT4}
			</div>
		</div>
	</div>
<br /><br>
<hr />
<br /><br>
</div>

un ejemplo de lo que puse para la demo en ese post de la imágen:

Código: Seleccionar todo

[celica]450, http://img819.imageshack.us/img819/5577/captura00050911.jpg, 430, titulo, descripcion, http://i47.tinypic.com/14vp7q0.png, contenido contenido contenido, 425, copyright[/celica]

[Cruciattus]

Si! justo eso. Es el primer caso no?
lo he probado y funciona bien pero si trato de poner mas de una imagen dentro, deja de funcionar. estaria bien que permitiera poner mas de una imagen por si se quiere usar en galerias de diseño. Si no se puede no pasa nada, asi está genial! mas que genial!
Y si puede ser pon una version con la imagen de fondo con los bordes de arriba redondeados y los de abajos en cuadrado, osea normales, si se puede eh.
GRACIAS!

[DaVidU]

ahora coja algo de tiempo libre te hago varias versiones, "intentando poder usar bbcodes dentro"

porque no me haces como una plantilla escrita para saber el orden de como lo quieres el contenido, ejemplo:

• cuadrado con esquinas redondas
• color de fondo o que imagen
• color del borde
• tamaño y color de fuente para todos los apartados
• y el orden de las cosas:
  • titulo
  • descripción
  • imagen
  • contenido
  • imagen
• copyright
• etc

ten en cuenta estos bbcodes debes decirme exactamente cuantas imágenes, cuantas urls, y a la hora de usarlo debes cumplimentarlo por completo, si te dejas una imagen o url no te funcionará, es por eso te decía lo veía algo complicado, pero tu decides

[Cruciattus]

• cuadrado con esquinas redondas
  que se vean los bordes mas o menos asi
  http://i51.tinypic.com/28gsgn6.jpg
• color de fondo o que imagen
  usa la que te apetezca, si total luego se puede cambiar
• color del borde
  igual, pon el color que quieras, si luego se puede cambiar
• tamaño y color de fuente para todos los apartados
  el tamaño, color y fuente (que se pueda cambiar la fuente, poner en negrita, etc) que quieras si despues se pueda cambiar
• y el orden de las cosas:
  • titulo
  • descripción
  • imagen
  • contenido
  • imagen
• copyright
• etc

este orden esta bien^^ es necesario lo del copyright??

ten en cuenta estos bbcodes debes decirme exactamente cuantas imágenes, cuantas urls, y a la hora de usarlo debes cumplimentarlo por completo, si te dejas una imagen o url no te funcionará, es por eso te decía lo veía algo complicado, pero tu decides

Si pones que se puedan poner otros bbcodes dentro, eso no incluiria poner mas

Código: Seleccionar todo

[img][/img]

???
si quitas la segunda imagen y dejas solo la que efectuaria de fondo, y se permite poner mas bbcodes, no pondrias poner todas las imagenes que quisieras?? y otros bboces como "spoiler" y esas cosas?

Haz la version sin la segunda imagen, osea solo con la imagen que seria el fondo y ya el resto de cosas, por favor.
GRACIAS!!

EDIT: Ya no piensas trabajar mas en este?? o esta ya? ponme el uso y la linea de ayuda, si puede ser y voy trasteando mientras^^

SPOILER_SHOW

Código: Seleccionar todo

<div style="width: {NUMBER}px;  background-image: url({URL}); -webkit-border-radius: 50px 0px 50px 0px; -moz-border-radius: 50px 0px 50px 0px; border: solid 4px; color: #FB47A1; padding: 10 10 10 10px; font-family: georgia; font-size: 9px; line-height: 100%">
<div style="width:{NUMBER2}px;"><br />
<div style="text-align:center;">{SIMPLETEXT}</div>
<div style="width:100%; text-align:center; padding-bottom:2px; letter-spacing:1px; word-spacing:7px;">{SIMPLETEXT2}</div>
<div style="width:100%; height: 200px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background: #121212 url({URL2});"></div>
<div style="text-align:justify;line-height:100%;padding-bottom:2px; letter-spacing: -1px; word-spacing:7px; color: 4A777A;">{SIMPLETEXT3}</div>
<br />
<p>
<div style="width:{NUMBER3}px; text-align:justify; line-height:100%; padding-bottom:4px; color:black; background-color:E3E3E3;">
<br />
<span style="font-size: 18px; line-height: normal">❥</span>{SIMPLETEXT4}<a href="http://i54.tinypic.com/al40he.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i53.tinypic.com/2efjko0.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i55.tinypic.com/349fldu.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i54.tinypic.com/2s941et.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i56.tinypic.com/k9u8zt.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i51.tinypic.com/34q8wt0.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i52.tinypic.com/z0p43.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a> <a href="http://i56.tinypic.com/1snjmd.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a>
<br /><br />
<span style="font-size: 18px; line-height: normal">❥</span>{SIMPLETEXT5}<a href="http://i55.tinypic.com/sb55xf.jpg" target="_blank" rel="nofollow"><font color="#FB47A1">❤</font></a>
<br /><br />
<span style="font-size: 18px; line-height: normal">❥</span> {SIMPLETEXT6}
<br />
</div>
</div>
<br /><br>
<hr style="width: {NUMBER4}px; height: 5px; border: solid 1px #black; border-width:1px 0 0; background-color:black;">
<br /><br><br><br />
</div>

[DaVidU]

Traigo novedades Celica

podemos meter todos los bbcodes que necesites para cada bbcode que pides, tan solo dime cuantos necesitas diferentes basándonos en las esquinas redondas y su tamaño de radio, el color del borde, imagen a usar de fondo y tamaño en px de ancho se podrá cambiar desde el bbcode, el resto, osea el contenido puedes usar tantos bbcodes como desees

dime si es esto lo que estabas buscando y me dices ya de paso cuantos bbcodes basándonos en lo dicho antes
http://www.coloreatuforo.com/pruebas/bb ... t3311.html

[Cruciattus]

ES PERFECTO!! ademas el pattern que has usado es precioso! aunque no entendi que me pides T.T
te refieres a que tipo de bbcode meter? pues tamaño de fuente, fuente, imagenes, videos, spoilers, color de fuente, justificar, centrar, etc. Espero que sea eso a lo que te refieres, de lo contrario no se^^
pero esta perfecto!! GRACIAS!!