TITLE HERE
¿Quién está en línea?
En total hay 1 usuario en línea: 0 Registrados, 0 Ocultos y 1 Invitado

Ninguno

[ Ver toda la lista ]


La mayor cantidad de usuarios en línea fue 8 el Jue Mar 16, 2017 10:05 pm.

Stats! (for personal use)

Ver el tema anterior Ver el tema siguiente Ir abajo

Stats! (for personal use)

Mensaje por Admin el Mar Jun 06, 2017 10:30 pm

Angelique Evans
Gunner lvl. 1
17FUE - 15MAG - 20PRE - 5RES - 10ESP - 18AGI
160/160PS
140/140PM



AdminAdmin
avatar
Mensajes :
22

Fecha de inscripción :
22/06/2014

Edad :
25

Ver perfil de usuariohttp://ecdesign.gratis-foros.com

Volver arriba Ir abajo

Re: Stats! (for personal use)

Mensaje por Admin el Sáb Jun 10, 2017 9:36 pm

Angelique Evans
Gunner lvl. 1
17FUE - 15MAG - 20PRE - 5RES - 10ESP - 18AGI
160/160PS
120/140PM



AdminAdmin
avatar
Mensajes :
22

Fecha de inscripción :
22/06/2014

Edad :
25

Ver perfil de usuariohttp://ecdesign.gratis-foros.com

Volver arriba Ir abajo

Re: Stats! (for personal use)

Mensaje por Admin el Dom Jun 18, 2017 11:12 pm

Acá te dejo el código ^^

Meiko
Ninja lvl. 3
36FUE - 5MAG - 32PRE - 17RES - 10ESP - 45AGI
237/237PS
160/160PM



El color naranja del fondo puedes modificarlo cambiando esta parte: rgba(193, 98, 185,0.7) Ten cuidado de cambiar solo los primeros 3 números, es decir el 193, 98, 185 porque el 0.7 es la opacidad del fondo, en esta página puedes seleccionar los colores y copiar el color en rgba

http://htmlcolorcodes.com/color-picker/

De igual modo te dejo primero que nada el código completo y el código minimizado para que puedas ponerlo hasta de firma si así quieres ^^

CÓDIGO COMPLETO
Código:
<center><div class="Mei-1"><div class="Mei-im"></div><div class="Mei-b"><span>Meiko</span>
<em>Ninja lvl. 3</em>
36FUE - 5MAG - 32PRE - 17RES - 10ESP - 45AGI
[right]<div class="Mei-ley">237/237PS</div><div class="Mei-ley">160/160PM</div>
<div class="Mei-psbar"></div><div class="Mei-pmbar"></div>[/right]
</div></div></center>
<style>.Mei-1{width:450px;position:relative;}.Mei-im{width:100px;height:100px;background-image:url(http://i.imgur.com/7vUzY29.jpg);margin-bottom:-90px;right:130px;box-shadow: 1px 1px 1px #333333;position:relative;z-index:1000;}.Mei-b{width:400px;height:100px;padding:10px;background:linear-gradient(to right, rgba(247,229,218,0), rgba(193, 98, 185,0.7));position:relative;z-index:998;text-align:right;font-size:10px;font-family:calibri}.Mei-b span{font-size:20px;text-transform:uppercase;font-family:serif}.Mei-psbar{width:70px;height:8px;background:#33cc99;border:1px solid #3d3d3d;position:relative;z-index:999;display:inline-block;margin-right:10px}.Mei-pmbar{width:70px;height:8px;background:#99ccff;border:1px solid #3d3d3d;position:relative;z-index:999;display:inline-block}.Mei-ley{width:65px;height:10px;font-size:10px;margin:5px;text-align:center;display:inline-block}</style>

CÓDIGO MINIMIZADO:
Código:
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/s84cmmevrkzzoyx/Meiko-stats.css?dl=0"><center><div class="Mei-1"><div class="Mei-im"></div><div class="Mei-b"><span>Meiko</span>
<em>Ninja lvl. 3</em>
36FUE - 5MAG - 32PRE - 17RES - 10ESP - 45AGI
[right]<div class="Mei-ley">237/237PS</div><div class="Mei-ley">160/160PM</div>
<div class="Mei-psbar"></div><div class="Mei-pmbar"></div>[/right]
</div></div></center>

Notita especial: Si te da en algún momento por cambiarle la imagen de la tabla puedes hacerlo de 2 formas, en el codigo completo cambiando el link nada más, en el código minimizado vas a buscar el class que dice div class="Mei-im" y le vas a poner de esta forma div class="Mei-im" style="background-image:url(LINK DE LA IMAGEN NUEVA)" así mismo todo entre
< esto, ten cuidado de que vaya todo eso de antes entre las dos cositas estas(?) >

Disfruta del code♥ no olvides dar créditos ^^
AdminAdmin
avatar
Mensajes :
22

Fecha de inscripción :
22/06/2014

Edad :
25

Ver perfil de usuariohttp://ecdesign.gratis-foros.com

Volver arriba Ir abajo

Re: Stats! (for personal use)

Mensaje por Admin el Jue Jun 22, 2017 9:13 pm

Cassiopeia Dalaras
Spellfencer lvl. 1
22FUE - 15MAG - 10PRE - 13RES - 10ESP - 15AGI
136/180PS
108/120PM





Vesta Seraphine (Veneno)
White Mage lvl. 1
1FUE - 30MAG - 13PRE - 5RES - 27ESP - 10AGI
69/100PS
190/200PM



Código:
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/0c7lpis8wrx06dc/Cassiopeia-stats2.css?dl=0"><center><div class="Cass-1"><div class="Cass-im"></div><div class="Cass-b"><span>Cassiopeia Dalaras</span>
<em>Spellfencer lvl. 1</em>
22FUE - 15MAG - 10PRE - 13RES - 10ESP - 15AGI
[right]<div class="Cass-ley">136/180PS</div><div class="Cass-ley">108/120PM</div>
<div class="Cass-psbar1"><div class="Cass-psbar2"></div></div><div class="Cass-pmbar1"><div class="Cass-pmbar2"></div></div>[/right]
</div></div></center>
<style>.Cass-psbar2{width:55px;height:8px;background:#33cc99;border-right:15px transparent;position:relative;z-index:1001;display:inline-block}.Cass-pmbar2{width:60px;height:8px;background:#99ccff;border-right:10px transparent;position:relative;z-index:1001;display:inline-block}</style>


<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/j5pjofsv99covza/Vesta-stats1.css?dl=0"><center><div class="An-1"><div class="Ves-im"></div><div class="Ves-b"><span>Vesta Seraphine</span> [color=#ffffff](Veneno)[/color]
<em>White Mage lvl. 1</em>
1FUE - 30MAG - 13PRE - 5RES - 27ESP - 10AGI
[right]<div class="Ves-ley">69/100PS</div><div class="Ves-ley">190/200PM</div>
<div class="Ves-psbar1"><div class="Ves-psbar2"></div></div><div class="Ves-pmbar1"><div class="Ves-pmbar2"></div></div>[/right]
</div></div></center>
<style>.Ves-psbar2{width:50px;height:8px;background:#33cc99;border-right:20px transparent;position:relative;z-index:1001;display:inline-block}.Ves-pmbar2{width:60px;height:8px;background:#99ccff;border-right:10px transparent;position:relative;z-index:1001;display:inline-block}</style>
AdminAdmin
avatar
Mensajes :
22

Fecha de inscripción :
22/06/2014

Edad :
25

Ver perfil de usuariohttp://ecdesign.gratis-foros.com

Volver arriba Ir abajo

Re: Stats! (for personal use)

Mensaje por Contenido patrocinado

Contenido patrocinado

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

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