Página 2 de 2

Re: Activar HTML

Publicado: 09 Sep 2011, 12:35
por DaVidU
bueno pues te traigo 4 diferentes por el tema de los bordes, redondeados o no redondeados...están en el orden según la captura :jaja:


Ejemplo de los cuatro BBcodes:
Imagen


BBcode 1
Uso de BBCode:

Código: Seleccionar todo

[celica1]{NUMBER}, {URL}, {SIMPLETEXT}, {TEXT}[/celica1]
Reemplazo HTML:

Código: Seleccionar todo

<div style="width: {NUMBER}px;  background-image: url({URL}); -webkit-border-radius: 0px 50px 50px 0px; -moz-border-radius: 0px 50px 0px 50px; border: solid 4px; color: #{SIMPLETEXT}; padding: 10px; line-height: 100%">
{TEXT}
<br /><br>
</div>
Texto de la línea de ayuda:

Código: Seleccionar todo

[celica1]tamaño de ancho en px, URL imagen de fondo, color hexadecimal del borde, contenido(BBcodes, etc)[/celica1]
BBcode 2
Uso de BBCode:

Código: Seleccionar todo

[celica2]{NUMBER}, {URL}, {SIMPLETEXT}, {TEXT}[/celica2]
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: #{SIMPLETEXT}; padding: 10px; line-height: 100%">
{TEXT}
<br /><br>
</div>
Texto de la línea de ayuda:

Código: Seleccionar todo

[celica2]tamaño de ancho en px, URL imagen de fondo, color hexadecimal del borde, contenido(BBcodes, etc)[/celica2]
BBcode 3
Uso de BBCode:

Código: Seleccionar todo

[celica3]{NUMBER}, {URL}, {SIMPLETEXT}, {TEXT}[/celica3]
Reemplazo HTML:

Código: Seleccionar todo

<div style="width: {NUMBER}px;  background-image: url({URL}); -webkit-border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; border: solid 4px; color: #{SIMPLETEXT}; padding: 10px; line-height: 100%">
{TEXT}
<br /><br>
</div>
Texto de la línea de ayuda:

Código: Seleccionar todo

[celica3]tamaño de ancho en px, URL imagen de fondo, color hexadecimal del borde, contenido(BBcodes, etc)[/celica3]
BBcode 4
Uso de BBCode:

Código: Seleccionar todo

[celica4]{NUMBER}, {URL}, {SIMPLETEXT}, {TEXT}[/celica4]
Reemplazo HTML:

Código: Seleccionar todo

<div style="width: {NUMBER}px;  background-image: url({URL}); -webkit-border-radius: 50px 50px 0px 0px; -moz-border-radius: 50px 50px 0px 0px; border: solid 4px; color: #{SIMPLETEXT}; padding: 10px; line-height: 100%">
{TEXT}
<br /><br>
</div>
Texto de la línea de ayuda:

Código: Seleccionar todo

[celica4]tamaño de ancho en px, URL imagen de fondo, color hexadecimal del borde, contenido(BBcodes, etc)[/celica4]

Esto sería un ejemplo para cada uno de los BBcodes:

Código: Seleccionar todo

[celica1]450, http://farm4.static.flickr.com/3292/2876646553_c65a34138a_z.jpg?zz=1, 000, [center][size=150]
[b][color=#8000BF]titulo[/color][/b][/size]
[b][u][color=#0080FF]descripcion[/color][/u][/b][/center][/celica1]

[celica2]450, http://farm4.static.flickr.com/3292/2876646553_c65a34138a_z.jpg?zz=1, 000, [center][size=150]
[b][color=#8000BF]titulo[/color][/b][/size]
[b][u][color=#0080FF]descripcion[/color][/u][/b][/center][/celica2]

[celica3]450, http://farm4.static.flickr.com/3292/2876646553_c65a34138a_z.jpg?zz=1, 000, [center][size=150]
[b][color=#8000BF]titulo[/color][/b][/size]
[b][u][color=#0080FF]descripcion[/color][/u][/b][/center][/celica3]

[celica4]450, http://farm4.static.flickr.com/3292/2876646553_c65a34138a_z.jpg?zz=1, 000, [center][size=150]
[b][color=#8000BF]titulo[/color][/b][/size]
[b][u][color=#0080FF]descripcion[/color][/u][/b][/center][/celica4]

Para que funcionen correctamente es importante respetar la separación que hay después de cada coma (,) dentro del BBcode


Re: Activar HTML

Publicado: 09 Sep 2011, 14:39
por memoadian
Me encanta esta idea :)

Re: Activar HTML

Publicado: 09 Sep 2011, 21:39
por Cruciattus
memoadian escribió:Me encanta esta idea :)
Es una idea fantastica! *__* pero no encuentro donde se modifica el px de altura UU el de anchura si lo veo
GRACIAS DAV!!

Re: Activar HTML

Publicado: 10 Sep 2011, 02:41
por memoadian
La altura depende del contenido, si tienes poco contenido hay poca altura,

si tienes mucho, pues mucha altura, aunque se le puede agregar, pero no siqento que sea necesario. :roll:

Re: Activar HTML

Publicado: 10 Sep 2011, 08:44
por Cruciattus
Genial pues!! no pensé que fuera de ese modo. Es increiblemente mas practico que andar poniendo dos valores!! gracias Memoadian por responder y gracias a Davidu por hacerlos!!

Re: Activar HTML

Publicado: 10 Sep 2011, 16:21
por memoadian
La verdad es que no habia entendido nada al principio, gracias a Davidu que si te entendió :)

Re: Activar HTML

Publicado: 16 Sep 2011, 18:54
por WebLH
Cojo permiso para cogerlos tambien? Puedo? David seria genial un aseccion con códigos de estos, sería muy útil para gente como nosotros e.e dado que foroactivo lo tienen todo chupado!, una cosa, yo estoy en las mismas que ella, entonces para las firmas? Como se haria? Ejemplos:
Osea el tipo de letra, sombra, brillante, borroso, negrita y por encima de la foto que pase un poco:
http://img580.imageshack.us/img580/2479/1111kz.png