Badlands
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
Últimos temas
» Code registro
Pruebas códigos Empty22/10/2016, 20:07 por Admin Dos

» Personajes canon
Pruebas códigos Empty22/10/2016, 19:40 por Admin Dos

» Pruebas códigos
Pruebas códigos Empty17/10/2016, 20:46 por Admin Dos

» Ficha modelo
Pruebas códigos Empty10/8/2016, 00:13 por Admin

» Quote, spoiler, hide, code
Pruebas códigos Empty7/8/2016, 23:46 por Admin

» Tu primer tema
Pruebas códigos Empty7/8/2016, 21:25 por Admin

» Primer post-it
Pruebas códigos Empty7/8/2016, 20:19 por Admin

» Tema de prueba
Pruebas códigos Empty31/7/2016, 23:47 por Admin


Pruebas códigos

Ver el tema anterior Ver el tema siguiente Ir abajo

Pruebas códigos

Mensaje por Admin Dos 17/10/2016, 19:41

NORMATIVA
Bla bla bla bla bla
2. Bla bla bla bla bla en negrita se cambia a azul
× Bla bla bla bla bla
Bla bla bla bla

Código:
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><center><div style="width: 400px; height: auto; border: 5px solid #1c3c54; background-color: white;"><div style="width: 400px; height: 150px; background-image: url(http://placehold.it/390x150);"><div class="intt">NORMATIVA</div></div><div style="width: 400px; height: 2px; background-color: #1c3c54;"></div><div style="width: 400px; height: 2px; background-color: #1c3c54; margin-top: 2px;"></div><div style="width: 390px; height: auto; background-color: #FAFAFA; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-family: Abel; font-size: 15px; letter-spacing: -1px;" class="neg"><b>→</b> Bla bla bla bla bla
<b>2.</b> Bla bla bla bla bla <b>en negrita se cambia a azul</b>
<b>×</b> Bla bla bla bla bla
<b>►</b> Bla bla bla bla</div></div></center><style>.intt {width: 400px; height: 150px; font-family: 'Abel'; font-size: 30px; padding-top: 65px; color: white; text-shadow: 2px 2px #000000;} .neg b {font-style: bold; color: #1c3c54; font-size: 15px;}</style>

NORMATIVA
Bla bla bla bla bla
2. Bla bla bla bla bla en negrita se cambia a azul
× Bla bla bla bla bla
Bla bla bla bla

Código:
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><center><div style="width: 400px; height: auto; border: 10px solid #1c3c54; background-color: white;"><div style="width: 400px; height: 150px; background-image: url(http://placehold.it/390x150);"><div class="intt">NORMATIVA</div></div><div style="width: 400px; height: 2px; background-color: #1c3c54;"></div><div style="width: 400px; height: 2px; background-color: #1c3c54; margin-top: 2px;"></div><div style="width: 390px; height: auto; background-color: #FAFAFA; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-family: Abel; font-size: 15px; letter-spacing: -1px;" class="neg"><b>→</b> Bla bla bla bla bla
<b>2.</b> Bla bla bla bla bla <b>en negrita se cambia a azul</b>
<b>×</b> Bla bla bla bla bla
<b>►</b> Bla bla bla bla</div></div></center><style>.intt {width: 400px; height: 150px; font-family: 'Abel'; font-size: 30px; padding-top: 65px; color: white; text-shadow: 2px 2px #000000;} .neg b {font-style: bold; color: #1c3c54; font-size: 15px;}</style>

NORMATIVA
Bla bla bla bla bla
2. Bla bla bla bla bla en negrita se cambia a azul
× Bla bla bla bla bla
Bla bla bla bla

Código:
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><center><div style="width: 400px; height: auto; border: 10px solid #1c3c54; background-color: white;"><div style="width: 400px; height: 150px; background-image: url(http://placehold.it/390x150);"></div><div style="width: 400px; height: auto; border-top: 2px solid #1c3c54; border-bottom: 2px solid #1c3c54; font-family: Abel; text-transform: uppercase; color: black; font-size: 30px; letter-spacing: -1px; font-weight: bold; padding-top: 4px; padding-bottom: 4px;">NORMATIVA</div><div style="width: 390px; height: auto; background-color: #FAFAFA; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-family: Abel; font-size: 15px; letter-spacing: -1px;" class="neg"><b>→</b> Bla bla bla bla bla
<b>2.</b> Bla bla bla bla bla <b>en negrita se cambia a azul</b>
<b>×</b> Bla bla bla bla bla
<b>►</b> Bla bla bla bla</div></div></center><style>.neg b {font-style: bold; color: #1c3c54; font-size: 15px;}</style>

NORMATIVA
Bla bla bla bla bla
2. Bla bla bla bla bla en negrita se cambia a azul
× Bla bla bla bla bla
Bla bla bla bla

Código:
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><center><div style="width: 400px; height: auto; border: 10px solid #1c3c54; background-color: white;"><div style="width: 400px; height: 150px; background-image: url(http://placehold.it/390x150);"></div><div style="width: 400px; height: auto; border-top: 2px solid #1c3c54; border-bottom: 2px solid #1c3c54; font-family: Abel; text-transform: uppercase; color: #1c3c54; font-size: 30px; letter-spacing: -1px; font-weight: bold; padding-top: 4px; padding-bottom: 4px;">NORMATIVA</div><div style="width: 390px; height: auto; background-color: #FAFAFA; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-family: Abel; font-size: 15px; letter-spacing: -1px;" class="neg"><b>→</b> Bla bla bla bla bla
<b>2.</b> Bla bla bla bla bla <b>en negrita se cambia a azul</b>
<b>×</b> Bla bla bla bla bla
<b>►</b> Bla bla bla bla</div></div></center><style>.neg b {font-style: bold; color: #1c3c54; font-size: 15px;}</style>

NORMATIVA
Bla bla bla bla bla
2. Bla bla bla bla bla en negrita se cambia a azul
× Bla bla bla bla bla
Bla bla bla bla

Código:
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><center><div style="width: 400px; height: auto; border: 5px solid #1c3c54; background-color: white;"><div style="width: 400px; height: 150px; background-image: url(http://placehold.it/390x150);"><div class="intt">NORMATIVA</div></div><div style="width: 400px; height: 2px; background-color: #1c3c54;"></div><div style="width: 400px; height: 2px; background-color: #1c3c54; margin-top: 2px;"></div><div style="width: 390px; height: auto; background-color: #FAFAFA; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-family: georgia; font-size: 12px;" class="neg"><b>→</b> Bla bla bla bla bla
<b>2.</b> Bla bla bla bla bla <b>en negrita se cambia a azul</b>
<b>×</b> Bla bla bla bla bla
<b>►</b> Bla bla bla bla</div></div><div class="crd"><a href="http://badlands.activo.mx">©</a></div></center><style>.intt {width: 400px; height: 150px; font-family: 'Abel'; font-size: 30px; padding-top: 65px; color: white; text-shadow: 2px 2px #000000;} .neg b {font-style: bold; color: #1c3c54; font-size: 15px;} .crd {width: 410px; height: auto; color: #1c3c54; font-family: georgia; font-size: 7px; margin-top: -4px; text-align: right; font-weight: bold;}</style>

NORMATIVA
Bla bla bla bla bla
2. Bla bla bla bla bla en negrita se cambia a azul
× Bla bla bla bla bla
Bla bla bla bla

Código:
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><center><div style="width: 400px; height: auto; border: 10px solid #1c3c54; background-color: white;"><div style="width: 400px; height: 150px; background-image: url(http://placehold.it/390x150);"><div class="intt">NORMATIVA</div></div><div style="width: 400px; height: 2px; background-color: #1c3c54;"></div><div style="width: 400px; height: 2px; background-color: #1c3c54; margin-top: 2px;"></div><div style="width: 390px; height: auto; background-color: #FAFAFA; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-family: georgia; font-size: 12px;" class="neg"><b>→</b> Bla bla bla bla bla
<b>2.</b> Bla bla bla bla bla <b>en negrita se cambia a azul</b>
<b>×</b> Bla bla bla bla bla
<b>►</b> Bla bla bla bla</div></div><div class="crd"><a href="http://badlands.activo.mx">©</a></div></center><style>.intt {width: 400px; height: 150px; font-family: 'Abel'; font-size: 30px; padding-top: 65px; color: white; text-shadow: 2px 2px #000000;} .neg b {font-style: bold; color: #1c3c54; font-size: 15px;} .crd {width: 420px; height: auto; color: #1c3c54; font-family: georgia; font-size: 7px; margin-top: -4px; text-align: right; font-weight: bold;}</style>

NORMATIVA
Bla bla bla bla bla
2. Bla bla bla bla bla en negrita se cambia a azul
× Bla bla bla bla bla
Bla bla bla bla

Código:
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><center><div style="width: 400px; height: auto; border: 10px solid #1c3c54; background-color: white;"><div style="width: 400px; height: 150px; background-image: url(http://placehold.it/390x150);"></div><div style="width: 400px; height: auto; border-top: 2px solid #1c3c54; border-bottom: 2px solid #1c3c54; font-family: Abel; text-transform: uppercase; color: black; font-size: 30px; letter-spacing: -1px; font-weight: bold; padding-top: 4px; padding-bottom: 4px;">NORMATIVA</div><div style="width: 390px; height: auto; background-color: #FAFAFA; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-family: georgia; font-size: 12px;" class="neg"><b>→</b> Bla bla bla bla bla
<b>2.</b> Bla bla bla bla bla <b>en negrita se cambia a azul</b>
<b>×</b> Bla bla bla bla bla
<b>►</b> Bla bla bla bla</div></div></center><style>.neg b {font-style: bold; color: #1c3c54; font-size: 15px;}</style>

NORMATIVA
Bla bla bla bla bla
2. Bla bla bla bla bla en negrita se cambia a azul
× Bla bla bla bla bla
Bla bla bla bla

Código:
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><center><div style="width: 400px; height: auto; border: 10px solid #1c3c54; background-color: white;"><div style="width: 400px; height: 150px; background-image: url(http://placehold.it/390x150);"></div><div style="width: 400px; height: auto; border-top: 2px solid #1c3c54; border-bottom: 2px solid #1c3c54; font-family: Abel; text-transform: uppercase; color: #1c3c54; font-size: 30px; letter-spacing: -1px; font-weight: bold; padding-top: 4px; padding-bottom: 4px;">NORMATIVA</div><div style="width: 390px; height: auto; background-color: #FAFAFA; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-family: georgia; font-size: 12px;" class="neg"><b>→</b> Bla bla bla bla bla
<b>2.</b> Bla bla bla bla bla <b>en negrita se cambia a azul</b>
<b>×</b> Bla bla bla bla bla
<b>►</b> Bla bla bla bla</div></div></center><style>.neg b {font-style: bold; color: #1c3c54; font-size: 15px;}</style>
Admin Dos
Mensajes : 5
Fecha de inscripción : 17/10/2016

Volver arriba Ir abajo

Re: Pruebas códigos

Mensaje por Admin Dos 17/10/2016, 20:46

NOMBRE DEL PJ


EDAD
GRUPO
ALIAS
UBICACIÓN
Bla bla bla bla bla
2. Bla bla bla bla bla en negrita se cambia a azul
× Bla bla bla bla bla
Bla bla bla bla
Aquí iría todo junto.

Código:
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><center><div style="width: 390px; height: auto; border: 10px solid #1c3c54; background-color: white;"><div class="fda" style="background-image: url(http://placehold.it/390x150)"><div style="padding-top: 65px;">NOMBRE DEL PJ</div><div class="inf"><br><br><table><td><div class="data" style="margin-top: 9px;">EDAD</div><div class="data">GRUPO</div></td><td><div class="data" style="margin-top: 9px;">ALIAS</div><div class="data">UBICACIÓN</div></td></table></div></div><div style="width: 400px; height: 2px; background-color: #1c3c54;"></div><div style="width: 400px; height: 2px; background-color: #1c3c54; margin-top: 2px;"></div><div style="width: 380px; height: auto; background-color: #FAFAFA; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-family: Abel; font-size: 16px; letter-spacing: -1px;" class="neg"><b>→</b> Bla bla bla bla bla
<b>2.</b> Bla bla bla bla bla <b>en negrita se cambia a azul</b>
<b>×</b> Bla bla bla bla bla
<b>►</b> Bla bla bla bla
Aquí iría todo junto.</div></div><div class="crd"><a href="http://badlands.activo.mx/u2">©</a></div></center><style>.fda {width:390px; height: 150px; font-family: 'Abel'; font-size: 30px; color: white; text-shadow: 2px 2px #000000;} .inf{width: 390px; height: 150px; background-color: #FAFAFA; margin-top: -83px; opacity: 0; transition:0.7s all ease-in-out; -moz-transition:0.7s all ease-in-out; -webkit-transition:0.7s all ease-in-out;} .fda:hover .inf{opacity: 0.9;} .data {width: 90px; height: auto; background-color: #1c3c54; color: white; font-family: Abel; font-size: 18px; text-transform: uppercase; letter-spacing: -1px; margin-bottom: 2px; text-align: center; padding: 4px;} .neg b {font-style: bold; color: #1c3c54; font-size: 15px;} .crd {width: 410px; height: auto; background-color: transparent; font-family: georgia; font-size: 7px; margin-top: -4px; text-align: right;}</style>

NOMBRE DEL PJ


EDAD
GRUPO
ALIAS
UBICACIÓN
PERSONALIDAD
Bla bla bla bla bla
2. Bla bla bla bla bla en negrita se cambia a azul
× Bla bla bla bla bla
Bla bla bla bla
Aquí iría separado si lo separamos.
HISTORIA
Bla bla bla bla bla
2. Bla bla bla bla bla en negrita se cambia a azul
× Bla bla bla bla bla
Bla bla bla bla

Código:
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><center><div style="width: 390px; height: auto; border: 10px solid #1c3c54; background-color: white;"><div class="fda" style="background-image: url(http://placehold.it/390x150)"><div style="padding-top: 65px;">NOMBRE DEL PJ</div><div class="inf"><br><br><table><td><div class="data" style="margin-top: 9px;">EDAD</div><div class="data">GRUPO</div></td><td><div class="data" style="margin-top: 9px;">ALIAS</div><div class="data">UBICACIÓN</div></td></table></div></div><div style="width: 400px; height: 2px; background-color: #1c3c54;"></div><div style="width: 400px; height: auto; background-color: #1c3c54; margin-top: 2px; font-family: Abel; font-size: 20px; letter-spacing: -1px; color: white; padding-top: 4px; padding-bottom: 4px;">PERSONALIDAD</div><div style="width: 380px; height: auto; background-color: #FAFAFA; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-family: Abel; font-size: 16px; letter-spacing: -1px;" class="neg"><b>→</b> Bla bla bla bla bla
<b>2.</b> Bla bla bla bla bla <b>en negrita se cambia a azul</b>
<b>×</b> Bla bla bla bla bla
<b>►</b> Bla bla bla bla
Aquí iría separado si lo separamos.</div><div style="width: 400px; height: auto; background-color: #1c3c54; margin-top: 2px; font-family: Abel; font-size: 20px; letter-spacing: -1px; color: white; padding-top: 4px; padding-bottom: 4px;">HISTORIA</div><div style="width: 380px; height: auto; background-color: #FAFAFA; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-family: Abel; font-size: 15px; letter-spacing: -1px;" class="neg"><b>→</b> Bla bla bla bla bla
<b>2.</b> Bla bla bla bla bla <b>en negrita se cambia a azul</b>
<b>×</b> Bla bla bla bla bla
<b>►</b> Bla bla bla bla</div></div><div class="crd"><a href="http://badlands.activo.mx/u2">©</a></center><style>.fda {width:390px; height: 150px; font-family: 'Abel'; font-size: 30px; color: white; text-shadow: 1px 1px #000000;} .inf{width: 390px; height: 150px; background-color: #FAFAFA; margin-top: -83px; opacity: 0; transition:0.7s all ease-in-out; -moz-transition:0.7s all ease-in-out; -webkit-transition:0.7s all ease-in-out;} .fda:hover .inf{opacity: 0.9;} .data {width: 90px; height: auto; background-color: #1c3c54; color: white; font-family: Abel; font-size: 18px; text-transform: uppercase; letter-spacing: -1px; margin-bottom: 2px; text-align: center; padding: 4px;} .neg b {font-style: bold; color: #1c3c54; font-size: 15px;} .crd {width: 410px; height: auto; background-color: transparent; font-family: georgia; font-size: 7px; margin-top: -4px; text-align: right;}</style>
Admin Dos
Mensajes : 5
Fecha de inscripción : 17/10/2016

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


Permisos de este foro:
No puedes responder a temas en este foro.