﹌﹌﹌﹌﹌
˙ . ★ ᴛᴜᴛᴏʀɪᴀʟ ܀ . ˙—
— ˙
ᴄᴏᴍᴏ ᴄᴜsᴛᴏᴍɪᴢᴀʀ ᴛᴜ ғᴏᴛᴏ ᴅᴇ ᴘᴇʀғɪʟ ᴇɴ sᴘᴀᴄᴇʜᴇʏ?
(ɪᴄᴏɴ's ᴍᴀsᴋ+ ᴄᴏᴅɪɢᴏ)
· Hola!,se que ya existe algunos tutoriales de esto,acá en spacehey,pero mayormente todos esos tutoriales eran en inglés + la información era muy detallada.
Quise hacer este tutorial específicamente para la comunidad hispana y a la gente que es principiante en cosas como, los códigos.
Aquí les daré un tutorial paso por paso de como hacer una foto de perfil personalizada!.
1· plantilla de mask:
Es muy esencial conseguir tu plantilla, te recomiendo que busques en rentry, algunas páginas que tengan guardadas, plantillas para icon's
En este caso, yo estaré usando las plantillas de este sitio:
https://rentry.co/crushermasks

(Les recuerdo que las plantillas tienen que ser de formato; png.,de otros formatos no funcionan.)
En este caso, yo usaré esta plantilla:

2· link de la foto:
Para codificar la plantilla,vamos a utilizar este sitio llamado: i.postimg
(Puedes usar otro sitios como catbox.moe)

—vas a poner la foto aquí en este botón:

·Después de poner la plantilla, tendrás que esperar el link.
— al recibir el link, te iras a donde dice: "enlace directo", ahí te incluye el formato: .png

3· Código en spacehey
(Si eres de la app) te vas a ir a "editar perfil,y luego a "avanzado"
De ahí te va a aparecer un mini celular, ahí vas a poner el siguiente código;
<style>
.general-about img {-webkit-mask-image: url(LINK-DE-LA-PLANTILLA);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>
(En la parte del link, reemplazalo con el link de tu foto)
Y listo!, ya tienes tu foto de perfil personalizada!
Cualquiera duda puedes dejarmela en los comentarios!.

Comments
Displaying 2 of 2 comments ( View all | Add Comment )
MAYONESO
Muchas gracias todo está muy bien explicado <3
didi's !
¡Gracias! Necesitaba este tutorial y me ayudaste muchísimo. ¡Me encantó tu blog y te seguiré! >3
¡Gracias de nuevo! <3