Conectarse

Recuperar mi contraseña

Últimos temas
» Deku -Expediente
Jue Ago 16, 2018 12:55 am por Kuroki

» Keep it simple -Expediente-
Jue Ago 16, 2018 12:54 am por Kuroki

» 09/08/18 SF
Jue Ago 09, 2018 3:58 pm por Kuroki

» Keep it simple -Widgets-
Jue Ago 09, 2018 3:50 pm por Kuroki

» Dream catcher -Usos multiples-
Jue Ago 09, 2018 3:39 pm por Kuroki

» Bite -Otros-
Jue Ago 09, 2018 3:38 pm por Kuroki

» Garage -Relaciones2-
Jue Ago 09, 2018 3:34 pm por Kuroki

» Garage -Relaciones-
Jue Ago 09, 2018 3:34 pm por Kuroki

» Garage -Expediente-
Jue Ago 09, 2018 3:33 pm por Kuroki

Nombre
Rango
MensajePerfil
CRÉDITOS
Skin “Shine!” creado por Runa XIII e inspirado en la colección de tablillas de NympheaKeep it simple”. Un agradecimiento especial para Nymphea por su consentimiento. Paleta de color “198 Celebration!” por alfarroba en ColorLovers. Un agradecimiento especial a la Asistencia de Foroactivo y los tutoriales de Savage Themes y The Captain Knows Best.


Keep it simple -Widgets-

Ir abajo

Keep it simple -Widgets-

Mensaje por Kuroki el Jue Ago 09, 2018 3:50 pm

Nombre
MP | Perfil




Código:
<div id="HMstaff1" style="background: url(http://placehold.it/180x80)"><div id="HMstaff2"><div id="HMstaff3">Nombre</div><a href="">MP</a> | <a href="">Perfil</a></div></div>

<style>#HMstaff1 {width: 180px; height: 80px; border: solid 10px black; }#HMstaff2 {background: black; padding: 16px; text-align: center; text-transform: uppercase; font: 20px calibri; opacity: 0; color: white; transition: .5s}#HMstaff3 {text-shadow: 0px; transition: .3s;}#HMstaff2 a {font-size: 8px; display: inline-block; background: white; color: black; padding: 3px; text-shadow: none;}#HMstaff1:hover #HMstaff2 {opacity: 0.9}#HMstaff3:hover{text-shadow: 4px 2px red, -4px -2px cyan;}</style>

Credito

La administración de este foro agradece a Nymphea de Savage Themes, por los codigos de los widgets prestados para la realización de este foro






Código:
<div id="HMcredit1" style="background: url(http://placehold.it/180x280)"><div id="HMcredit2"><div id="HMcredit3">Credito</div><p>La administración de este foro agradece a <a href="http://mikeiry.forochile.org/">Nymphea</a> de <a href="http://savage-themes.tumblr.com/">Savage Themes</a>, por los codigos de los widgets  prestados para la realización de este foro</p></div></div>

<style>#HMcredit1 {width: 180px; height: 280px; border: solid 10px black; }#HMcredit2 {background: black; padding: 10px; text-align: center; text-transform: uppercase; font: 20px calibri; opacity: 0; color: white; transition: .5s; margin: 5px; height: 250px;}#HMcredit3 {text-shadow: 0px; transition: .3s;}#HMcredit2 a {font-size: 8px; display: inline-block; background: white; color: black; padding: 3px; text-shadow: none;}#HMcredit2 p {display: block; height: 185px; overflow: auto; font-size: 10px; text-align: justify;}#HMcredit1:hover #HMcredit2 {opacity: 0.9}#HMcredit3:hover{text-shadow: 4px 2px red, -4px -2px cyan;}</style>

Ganador
Mejor Personaje
Ganador
Mejor Personaje
Ganador
Mejor Personaje
Ganador
Mejor Personaje



Código:
<table><tr><td><div id="HMaward1" style="background: url(http://placehold.it/80x80)"><div id="HMaward2"><div id="HMaward3">Ganador</div> Mejor Personaje</div></div></td><td><div id="HMaward1" style="background: url(http://placehold.it/80x80)"><div id="HMaward2"><div id="HMaward3">Ganador</div> Mejor Personaje</div></div></td></tr><tr><td><div id="HMaward1" style="background: url(http://placehold.it/80x80)"><div id="HMaward2"><div id="HMaward3">Ganador</div> Mejor Personaje</div></div></td><td><div id="HMaward1" style="background: url(http://placehold.it/80x80)"><div id="HMaward2"><div id="HMaward3">Ganador</div> Mejor Personaje</div></div></td></tr></table>

<style>#HMaward1 {width: 80px; height: 80px; border: solid 10px black; }#HMaward2 {background: black; padding-top: 25px; text-align: center; text-transform: uppercase; font: 6px calibri; opacity: 0; color: white; transition: .5s; height: 60px;}#HMaward3 {text-shadow: 0px; transition: .3s; font: 14px calibri;}#HMaward1:hover #HMaward2 {opacity: 0.9}#HMaward3:hover{text-shadow: 4px 2px red, -4px -2px cyan;}</style>






Código:
<div id="HMafis1"><img src="http://placehold.it/200x50" />
 <img src="http://placehold.it/200x50" /></div><div id="HMafis2"><img src="http://placehold.it/50x50x" /><img src="http://placehold.it/50x50x" /><img src="http://placehold.it/50x50x" /><img src="http://placehold.it/50x50x" /></div><div id="HMafis3"><a href="">Normales</a></div>

<style>#HMafis1 img{width: 190px; height: 50px; border: solid 5px black; transition: 1.2s; box-shadow: 0px;}#HMafis1 img:hover {box-shadow: 4px 2px red, -4px -2px cyan;}#HMafis2 img{width: 40px; height: 40px; border: solid 5px black; transition: 1.2s; box-shadow: 0px;}#HMafis2 img:hover {box-shadow: 4px 2px red, -4px -2px cyan;}#HMafis3 a{text-shadow: 0px; transition: .3s; font: 10px calibri; background: white; color: black; padding: 5px; display: block; text-transform: uppercase; text-align: center; width: 180px; border: 5px solid black;}#HMafis3:hover{text-shadow: 4px 2px red, -4px -2px cyan;}</style>

Link 1Link 2Link 3Link 4Link 5



Código:
<a href="" id="HMlinks1">Link 1</a><a href="" id="HMlinks1">Link 2</a><a href="" id="HMlinks1">Link 3</a><a href="" id="HMlinks1">Link 4</a><a href="" id="HMlinks1">Link 5</a>

<style>#HMlinks1 {text-shadow: 0px; transition: .3s; font: 10px calibri; background: black; color: white; padding: 5px; display: block; text-transform: uppercase; text-align: center; width: 180px; border: 5px solid black;}#HMlinks1:hover{text-shadow: 4px 2px red, -4px -2px cyan;}</style>
avatar
Kuroki
Admin

Mensajes : 159
Fecha de inscripción : 03/10/2014

Ver perfil de usuario http://kuroki-is-love.foroactivo.mx

Volver arriba Ir abajo

Volver arriba

- Temas similares

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