TITLE HERE
¿Quién está en línea?
En total hay 2 usuarios en línea: 0 Registrados, 0 Ocultos y 2 Invitados Ninguno
El record de usuarios en línea fue de 8 durante el Jue Mar 16, 2017 10:05 pm
Nuevos temas
Stats! (for personal use)
Página 1 de 1. • Comparte
Stats! (for personal use)
Angelique Evans
Gunner lvl. 1
17FUE - 15MAG - 20PRE - 5RES - 10ESP - 18AGI
Gunner lvl. 1
17FUE - 15MAG - 20PRE - 5RES - 10ESP - 18AGI
160/160PS
140/140PM
Re: Stats! (for personal use)
Angelique Evans
Gunner lvl. 1
17FUE - 15MAG - 20PRE - 5RES - 10ESP - 18AGI
Gunner lvl. 1
17FUE - 15MAG - 20PRE - 5RES - 10ESP - 18AGI
160/160PS
120/140PM
Re: Stats! (for personal use)
Acá te dejo el código ^^
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 MINIMIZADO:
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 ^^
Meiko
Ninja lvl. 3
36FUE - 5MAG - 32PRE - 17RES - 10ESP - 45AGI
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 ^^
Re: Stats! (for personal use)
Cassiopeia Dalaras
Spellfencer lvl. 1
22FUE - 15MAG - 10PRE - 13RES - 10ESP - 15AGI
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
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>
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
Jue Ago 30, 2018 6:17 pm por éclair B.
» prueba numero 1
Mar Ago 28, 2018 6:57 pm por éclair B.
» Ethereal 3...2...1...
Lun Jun 04, 2018 10:23 am por éclair B.
» ASTERIA'S INFO
Mar Sep 05, 2017 4:29 pm por Admin
» Cassiopeia's party
Lun Jun 26, 2017 4:05 am por Admin
» Stats! (for personal use)
Mar Jun 06, 2017 10:30 pm por Admin
» BT all files
Jue Jun 01, 2017 5:33 pm por Admin
» Razas disponibles NC
Jue Mar 16, 2017 7:43 pm por Admin
» AMBIENTACIÓN NC
Jue Mar 16, 2017 7:12 pm por Admin