Keep it simple -Widgets-

por **Kuroki** Jue Ago 09, 2018 3:50 pm

Nombre

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>

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>

» Leer Más ALYSSWonderful Girl	» Leer Más KANONWonderful Boy
» Leer Más SIR MÖRDERISHWonderful User	»SSSSs BLEHWonderful Scene