Firmas

Ir abajo

Firmas

Mensaje  Barbara F. Ward-Haines el Vie Mayo 11, 2018 4:18 am

Jaime E. Black escribió:
Un código por una caña

En mis ratos libres, cuando debo hacer algo productivo pero no me apetece, me pongo a codear.

1.
Podéis usar los codes sin necesidad de pedir permiso, pero sólo en este foro.
2.
Modificad colores o tomadlo como base para añadir más codes. Haced lo que queráis, tampoco serán creaciones extraordinarias. Si colocáis un gif más grande o más pequeño, modificad el ancho (width) y alto (height) de los codes para que os encaje.
4.
Si te preguntas, ¿Por qué todas son de Harry Styles? Respondo, ¿Por qué no? ¿Es que tú tienes su pelo?
5.
Contratadme para arreglaros el tejado.

6.
Sed felices.

keep it simple


Spoiler:

Código:
<center><div style="background: url(IMAGEN); outline-offset: 1px; outline: 1px solid #242f23; width: 245px; height: 137px;"></div></center>


Spoiler:

Código:
<center><div style="background: url(IMAGEN); width: 245px; height: 137px; outline: 1px solid #99ad99; border: 3px solid #fff;"></div></center>


Spoiler:

Código:
<center><div style="background: url(IMAGEN); width: 245px; height: 137px; border: 1px solid #cecece; outline: 6px solid #85a683;"></div></center>


Spoiler:

Código:
<center><div style="width: 245px; height: 137px; background-color: #747441; opacity: 0.8"><div style="background: url(IMAGEN); outline-offset: -4px; outline: 3px solid #ececec; width: 245px; height: 137px;"></div></div></center>



Para cambiar el tono azulado, modifica el "#556499" y aplica el color que quieras.
Spoiler:

Código:
<center><div style="background: url(IMAGEN); border: 1px solid #cecece; outline: 6px solid #4a4d62; width: 245px; height: 137px;"><div style="width: 245px; height: 137px; background-color: #556499; opacity: 0.4"></div></div></center>

con texto

I hope you can see, the shape that I'm in

While he's touching your skin. He's right where I should, where I should be

Spoiler:

Código:
<center><div style="width: 236px; height: 139px; background: #171825; outline-offset: 1px; outline: 1px solid #171825;"><table><tr><td><div style="background: url(IMAGEN); width: 160px; height: 135px; opacity: 0.5"></div></td><td><div style="background: #171825; width: 50px; height: 115px; font-size: 9px; font-family: georgia; padding: 10px; color: #fafafa; line-height: 95%; text-align: justify; text-transform: lowercase;">TEXTO</div></td></tr></table></div></center>

Harry Fucking Styles

Spoiler:

Código:
<center><div style="background: url(IMAGEN); outline-offset: -6px; outline: 4px solid #ececec; width: 245px; height: 137px;"><div style="width: 70px; height: 13px; padding: 3px; text-align:center; top: 105px; left: -73px; position: relative; font-size: 7px; text-transform: uppercase; color: #fafafa; border: 1px solid #ececec; line-height: 95%; font-family: georgia; opacity: 0.8; font-weight: 600">TEXTITO</div></div></center>

Harry Fucking Styles

Código:
<center><div style="background: url(IMAGEN); outline-offset: -6px; outline: 4px solid #ececec; width: 245px; height: 137px;"><div style="width: 70px; height: 13px; padding: 3px; text-align:center; top: 105px; left: -73px; position: relative; font-size: 7px; text-transform: uppercase; color: #13330e; border: 1px solid #ececec; line-height: 95%; font-family: georgia; opacity: 0.7; font-weight: 600; background-color: #ececec">Textito</div></div></center>

Harry
the god of hair

Spoiler:

Código:
<center><div style="background: url(IMAGEN); width: 245px; height: 137px; border: 1px solid #cecece; outline: 6px solid #22232f;"><div style="width: 100px; font-family: montserrat; font-size: 18px; color: #fafafa; text-align: left; text-transform: uppercase; font-weight: bold; position:relative; padding: 4px; left: -60px; text-shadow: 2px 2px #22232f; border-left: 1px solid #cecece">NOMBRE O PALABRA CORTA<div style="font-family: georgia; text-transform: lowercase; text-shadow: none; color: #fafafa; font-size: 8px; font-weight: normal; margin-top: -3px;">TEXTO</div></div></center>

If we can agree to disagree And keep on reaching
It would get you so

Spoiler:

Código:
<center><div style="background: url(IMAGEN); border: 1px solid #242f23; width: 245px; height: 137px; position:relative"><div style="padding: 6px; height: 13px; background-color: rgba(103, 175, 172, 0.6); position: absolute; bottom: 0px; color: #ebf8f8; font-family: montserrat; text-transform: uppercase; font-size: 7px; line-height: 90%; font-weight: 600; text-shadow: 1px 1px #000; width: 233px;">Texto, dos líneas máx.</div></div></center>

Love
Sucks

Spoiler:

Código:
<center><div style="background: url(IMAGEN); width: 245px; height: 137px; outline-offset: 2px; outline: 1px solid #a57f49;"><div style="width: 70px; height: 13px; padding: 3px; text-align: center; top: 20px; left: 75px; position: relative; font-size: 8px; text-transform: uppercase; color: #a57f49; line-height: 100%; font-family: heebo; font-weight: bold">Love<center><div style="background: #a57f49; width: 40px; height: 1px;"></div></center>Sucks</div></div></center>

Horny

Spoiler:

Código:
<center><div style="background: url(IMAGEN); border: 1px solid #cecece; outline: 6px solid #000; width: 245px; height: 137px;"><div style="width: 245px; height: 137px; background-color: #000; opacity: 0.4"><div style="text-align:center; top: 60px; position: relative; font-size: 24px; text-transform: uppercase; line-height: 95%; font-family: heebo; font-weight: 400; text-shadow: 0 0 2px #ececec; color: transparent;">Texto</div></div></div></center>

outsiders

Spoiler:

Código:
<center><div style="width: 236px; height: 139px; outline-offset: -1px; outline: 3px solid #9d9d9d; border: 2px solid #242323; padding: 2px"><div style="background: url(IMAGEN); opacity: 0.8; width: 100%; height: 100%; position: relative;"><div style="font-size: 9px; font-family: georgia; padding: 5px; color: #ececec; line-height: 95%; text-align: center; text-transform: lowercase; position: relative; top: 110px; width: 120px;">TEXTO</div></div></div></center>

con efectos



Spoiler:

Código:
<style type='text/css'>#byn{filter: grayscale(100%); -webkit-filter: grayscale(100%)} #byn:hover {filter: grayscale(0); -webkit-filter: grayscale(0); transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s;}</style><center><div id="byn"><div style="background: url(IMAGEN); outline: 2px solid #2a4729; width: 230px; height: 130px;"></div></div></center>


IMPORTANTE: Modifica todos los lugares donde pone "PONMENOMBRE" con cualquier cosa, pero debe ser el mismo texto en todos los lugares donde se especifica para que funcione. No retires el ":hover". Si necesitas ayuda, envíame un MP.
Spoiler:

Código:
<style type="text/css"> .PONMENOMBRE {width:245px; height:140px; margin: 0px; outline-offset: 1px; outline: 1px solid #242f23; background-image:url(IMAGEN SUPERIOR); opacity:1; position: static; -moz-transition:ease-in-out 1.0s;-webkit-transition:ease-in-out 1.0s;} .PONMENOMBRE:hover {width:245px; height: 140px; top:0px; opacity: 0}</style><center><div style="width:245px; height:140px; background-image:url(IMAGEN INFERIOR); outline-offset: 1px; outline: 1px solid #242f23;"><div class="PONMENOMBRE"></div></div></center>

para los inicios de tema


DÍA, X de X de XXXX.
LUGAR, XX:XX HRS.

Código:
<div style="font-family: montserrat; text-align: right; text-transform: uppercase; font-size: 9px; color: #2f3e1b;">[b]DÍA, X de X de XXXX.[/b]
LUGAR, XX:XX HRS.</div>

Día, X de X de XXXX - Lugar, XX:XX HRS. - CON @"USERNAME"

Código:
<div class="titulo2" style="height: 15px; line-height:15px; padding: 10px;"><div style="font-family: montserrat; font-size: 9px; text-transform: uppercase; font-weight: 400;">[b]Día[/b], X de X de XXXX - [b]Lugar[/b], XX:XX HRS. - CON @"USERNAME"</div></div>
avatar
Barbara F. Ward-Haines
20 años ▬ Estudiante universitaria
20 años ▬ Estudiante universitaria

Mensajes : 19
Fecha de registro : 23/06/2012
Temporadas: I
Relevancia: Principal
Familia: Ward
Familiares:
- Mary E. Haines (madre)
- Robert Strauss-Ward (hermano)


Orientación sexual: Bi
Situación sentimental: Soltera
PB : Alicia Vikander
Color : white

Ver perfil de usuario

Volver arriba Ir abajo

Volver arriba


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