HTML a BCODES, please?

[WebLH]

Alguien me haria el gran favor de transformar estos códigos a bcode? No sé hacerlos y me cuesta bastante, son los que utilizan foroactivo para la genter en sus firmas, pues algo así quería yo tambien:

• 1º Sombra: quiero que cada usuario elija el color de sombra que quiere en la letra, pero quiero que la medida del texto sea tan normal como la que estoy escribiendo ahora, porque este código me hace la letra enorme u_u.

  Código: Seleccionar todo

  <center><div style="width: 500px; font-family: garamond; letter-spacing: -2px; color: #851e16; font-size: 22px; font-style: italic; text-shadow: #000000 1px 1px 1px; text-transform: uppercase; text-align:right; ">SOMBRA TEXTO</div>

• 2º LETRA BORROSA: quiero que cada usuario elija el color que quiere en la letra, pero quiero que la medida del texto sea tan normal como la que estoy escribiendo ahora, porque este código me hace la letra enorme u_u.

  Código: Seleccionar todo

  <center><div style="width: 405px; font-family: verdana; font-size: 26px; text-align: center; text-transform: uppercase; color: transparent; text-shadow: 0px 0px 3px #829985; word-spacing: 1px; letter-spacing: 1px; line-height: 110%">LETRA BORROSA</div>

• 3º LETRA BORDE LETRA: quiero que cada usuario elija el color de borde que quiere en la letra, pero quiero que la medida del texto sea tan normal como la que estoy escribiendo ahora, porque este código me hace la letra enorme u_u.

  Código: Seleccionar todo

  <div style="width:345px; text-align: left; font-size:40px; font-family:times new roman; letter-spacing: -5px; text-transform: lowercase; text-shadow: -1px 0 #2EAEBF, 0 1px #2EAEBF, 1px 0 #2EAEBF, 0 -1px #2EAEBF; color: #fff; font-style:italic;padding-bottom:8px; padding-top: 12px; padding-left:5px;">SCREENAMEGOESHERE?!</div>

  
  gracias <__>

[vhs2671]

Pues hice algunas pruebas y me quedo así, espero que sea de tu agrado:


Además tiene el plus de que no entra en conflicto con otros BBcode, si te pones creativa, puedes crear cosas de este tipo:


Sombra
BBcode:

Código: Seleccionar todo

[sombra={COLOR}]{TEXT}[/sombra]

Reemplazo:

Código: Seleccionar todo

<span style="text-shadow:{COLOR} 1px 1px 1px">{TEXT}</span>

Linea de ayuda:

Código: Seleccionar todo

[sombra=color hex]texto[/sombra]

Borrosa
BBcode:

Código: Seleccionar todo

[borrosa={COLOR}]{TEXT}[/borrosa]

Reemplazo:

Código: Seleccionar todo

<span style="text-shadow: 0px 0px 3px {COLOR}">{TEXT}</span>

Linea de ayuda:

Código: Seleccionar todo

[borrosa=color hex]texto[/borrosa]

Borde
BBcode:

Código: Seleccionar todo

[borde={COLOR}]{TEXT}[/borde]

Reemplazo:

Código: Seleccionar todo

<span style="text-shadow: -1px 0 {COLOR}, 0 1px {COLOR}, 1px 0 {COLOR}, 0 -1px  {COLOR}">{TEXT}</span>

Linea de ayuda:

Código: Seleccionar todo

[borde=color hex]texto[/borde]

En la parte, color hex, puede ser el color #000000 o black, como prefieras. es la primera vez que doy soporte, y según yo es lo que buscabas, pero bueno díganme si hice algo mal.

[WebLH]

Dios muchisimas gracias era algo que estaba buscando desde hace meses, me has salvado la vida, una cosa, los tres bcodes se pueden ajuntar entre si?

[vhs2671]

Tu dices un texto con sombra, borroso y borde?

Si es así, no te lo recomiendo, ya que esos tres BBcode lo que hacen es alterar la propiedad text-shadow de una etiqueta span, desconozco cual propiedad tenga mayor jerarquía si la del padre, hijo, o nieto, ya que manejo CSS por archivos, no inline.

Pero bueno no te mareo con tanto tecnicismo, NO TE RECOMIENDO QUERER APLICAR LOS TRES BBCODE A UN SOLO TEXTO.

[WebLH]

mmm bueno no entiendo mucho de esto pero agradezco la paciencia sobretodo, es que en foro activo lo ajuntan todo en las firmas, y queda super chulo X___X te puedo hacer capturas si quieres. Y tambien sabes algo de la tabla TABLE? Es que fijate, no se podria ponerlo asi? :

Para que funcionen en BBCode tienes que tener instalado el [table] en tu foro.

Código: Seleccionar todo

[table][tr][td style="font-family: garamond; letter-spacing: -2px; text-shadow: #000000 1px 1px 1px; text-transform: uppercase;"]
AQUI EL TEXTO CON SOMBRA
[/td][/tr][/table]

De este codigo he quitado todo lo que se puede hacer mediante BBcode, es decir, el tamaño de letra (era font-size), el color de la fuente, la alineación del texto, la cursiva. Todos esos codigos se pueden poner en BBCode donde pone "AQUI VA EL TEXTO"

El atributo que hace la sombra es text-shadow: #000000 1px 1px 1px;
Donde el #000000 es el color, los dos primeros numeros la separación del texto en horizontal y vertical y el ultimo numero el espesor de la sombra.

Código: Seleccionar todo

[table][tr][td style="font-family: verdana; text-transform: uppercase;  text-shadow: 0px 0px 3px #829985; word-spacing: 1px; letter-spacing: 1px; line-height: 110%"]AQUI VA EL TEXTO BORROSO[/td][/tr][/table]

Aquí lo mismo. He quitado los atributos que modifican el color y tamaño de letra. He dejado el resto, pero puedes poner o quitar los que quieras.

El atributo que hace el brillo es text-shadow: 0px 0px 3px #829985;
donde los dos primeros numeros los debes dejar en 0px o se convertira en una sombra como la de arriba, el tercer numero es el espesor del brillo y el codigo es el color del brillo.

Código: Seleccionar todo

[table][tr][td style="font-family:times new roman; letter-spacing: -5px; text-transform: lowercase; text-shadow: -1px 0 #2EAEBF, 0 1px #2EAEBF, 1px 0 #2EAEBF, 0 -1px #2EAEBF; color: #fff;"]
AQUI VA EL TEXTO CON BORDE
[/td][/tr][/table]

Lo mismo que el resto. Esta forma del atributo no la he usado asi que no te se decir asi de primeras que es lo que hace cada valor.

[WebLH]

perdon por el doble post no me deja evitar, porque los bcodes solamente se me ve bien con firefox, safari? ni en nescape ni explorer x.x

[vhs2671]

Si te fijas en http://caniuse.com/#search=text-shadow la propiedad text-shadow (parte fundamental del bbcode) no es compatible con navegadores antiguos y por supuesto el odiado IE, aquí no puedo ayudarte, no está en mis manos.

Sobre table, desconozco como funcione ese bbcode, pero el compañero xoom ya hablo sobre el acá http://www.phpbb-es.com/foro/bbcode-php ... 18020.html puedes implementarlo en tu foro.

Para terminar podría adaptar un bbcode nuevo para la tabla, pero no le encuentro mucho sentido a esto si ya tienes las herramientas para crear cosas de este tipo:

Código: Seleccionar todo

[borde=#2EAEBF][color=#FFFFFF]En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.[/color][/borde]

Solo es cuestión de ponerse un poco creativo con los colores, fuentes, sombras, y demás cosas.

[WebLH]

Vale e entendido todo mas o menos, entonces hasta que no actualizen los navegadores para la nueva version no se verá los códigos esos? o.o gracias!

[vhs2671]

Exacto, podría decirte tropocientos motivos para actualizar tu navegador, pero solo te diré tres

• Para mayor compatibilidad con CSS3
• Para mayor seguridad
• Y para el bienestar mental del diseñador

Puedes recomendarle a tus usuarios regulares actualizar sus navegadores, mis favoritos son Firefox y Chrome.

Dicho esto, damos el tema por resuelto?

[WebLH]

Vale, entonces como los actualizo por ejemplo con Nescape y Explorer? Visitando la web Oficial y descargandome la última version?
Gracias y ya esta todo ^^