cntyaa_ 's profile picture

Published by

published

Category: SpaceHey

Tutorial: customizar tu foto de perfil en spacehey! :)

﹌﹌﹌﹌﹌

˙ . ★    ᴛᴜᴛᴏʀɪᴀʟ    ܀ . ˙—

— ˙


ᴄᴏᴍᴏ ᴄᴜ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!. 


﹌﹌﹌﹌﹌

˙ .  ¤ ɢʀᴀᴄɪᴀs ᴘᴏʀ sᴜ ᴀᴛᴇɴᴄɪᴏ́ɴ!. —   ⟡ ݁₊ .


7 Kudos

Comments

Displaying 2 of 2 comments ( View all | Add Comment )

MAYONESO

MAYONESO 's profile picture

Muchas gracias todo está muy bien explicado <3


Report Comment

didi's !

didi's !'s profile picture

¡Gracias! Necesitaba este tutorial y me ayudaste muchísimo. ¡Me encantó tu blog y te seguiré! >3



¡Gracias de nuevo! <3


Report Comment