[Duda] Como hacer barra de habilidad personalizada

Mar Feb 26, 2019 12:32 pm

Buenos días/tardes siento mucho volver a molestar por aquí.

Estoy haciendo un foro y necesito añadir barra de habilidades pero me gustaría hacer algo novedoso. No hace mucho una de mis staffers me pasó la siguiente imagen: https://cdn.discordapp.com/attachments/539232840924266497/549744132298506272/IMG-20190223-WA0044.jpg Me enamoró el circulo con las barritas de esa manera y me preguntaba como podría hacerlo. Ya no solo para el perfil, si no para el expediente del personaje.
Si es necesario paso link del foro en hover <3 Muchas gracias por la atención!

Mar Feb 26, 2019 12:38 pm

xD no soy coder,pero pues como si esta interesante y hasta a mi me parece un gran detalle que hasta yo quiero tenerlo jajaja pero bueno al punto :D si sabes de codes tu puedes ir a pedir o solicitar un tutorial acerca de ello ^^ asi de paso contaria como un aporte para quienes quieran ese detalle en su foro :3

pd: esta muy guay la verdad, hasta yo lo quiero te aviso que espiare este tema de cerca muahahahaha xD ok no sin risa malvada

Mar Feb 26, 2019 2:32 pm

¡Hola! Bueno, para hacer perfiles como el que nos muestras, es necesario la elaboración de códigos más avanzados, utilizando javascript incluso. No es imposible de hacer, pero sí tedioso y un tanto complicado, por el momento no haremos ningún tutorial de este nivel, pero pueden sentirse libres de investigar ya sea en foroactivo o en tutoriales de elaboración de códigos en internet, este tipo de códigos personalizados también los puede hacer un diseñador, estoy segura que si publicas una búsqueda en tumblr podrás encontrar alguien que te lo haga por algún tipo de pago a cambio.

[Duda] Como hacer barra de habilidad personalizada 706963005

[Duda] Como hacer barra de habilidad personalizada 706963005

Mar Feb 26, 2019 3:23 pm

Muchas gracias Ross. Voy a seguir investigando como hacerlo. Eres un solete andante. [Duda] Como hacer barra de habilidad personalizada 1f49e

Mar Feb 26, 2019 5:16 pm

Hice un code del la forma más simple que se me ocurrió, sólo es una base para que tú puedas editarlo como a ti te apetece, pero lo público más tarde o mañana porque voy de salida.

Saludos.

Miér Feb 27, 2019 5:53 pm

Hola, pues aquí te traigo la opción más fácil de hacer el circulo de habilidade para un personaje. Eso sí, es un poco fastidioso cambiar los colores, pero es sólo un código base, así que ya depende de ti agregar el texto y todo lo demás que desees. Espero te sirva, saludos.

Código:: <center><div class="ha0" style="border-right: 175px solid #e5f2f2; border-top: 175px solid #f2e5f2; border-left: 175px solid #f2e5eb; border-bottom: 175px solid #7f9fbf"><div class="ha1" style="border-right: 150px solid #b2d8d8; border-top: 150px solid #f2e5f2; border-left: 150px solid #bf7f9f; border-bottom: 150px solid #668cb2"><div class="ha2" style="border-right: 125px solid #99cccc; border-top: 125px solid #f2e5f2; border-left: 125px solid #a64c79; border-bottom: 125px solid #4c79a6"><div class="ha3" style="border-right: 100px solid #66b2b2; border-top: 100px solid #b266b2; border-left: 100px solid #993266; border-bottom: 100px solid #326699"><div class="ha4" style="border-right: 75px solid #329999; border-top: 75px solid #993299; border-left: 75px solid #8c1953; border-bottom: 75px solid #19538c"><div class="ha5" style="border-right: 50px solid #008080; border-top: 50px solid #800080; border-left: 50px solid #800040; border-bottom: 50px solid #004080"></div></div></div></div></div></div></center> <style> .ha0, .ha1, .ha2, .ha3, .ha4, .ha5{width:0;height:0;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;box-shadow: 0px 0px 0px 2px white;} .ha1{margin: -150px;} .ha2{margin: -125px;} .ha3{margin: -100px;} .ha4{margin: -75px;} .ha5{margin: -50px;}</style>

Jue Feb 28, 2019 1:49 pm

Joe gracias @Athenea <3 ¿Hay alguna manera de que el cuadro se divida en 9 partes o algo así?

Lun Mar 04, 2019 12:45 pm

Otra duda relacionada con la misma. ¿Es posible modificar la forma de la barra y que sea redonda?

Próx

Bridgerton

Luz vs Oscuridad

Paraíso Personal

Amor y Amistad

Conejo de Pascua

[Duda] Como hacer barra de habilidad personalizada