Go to content Go to menu
 


Si eres de esas personas que le gusta poner fotos en tu perfil pero no quieres que te las roben, aqui te traigo un metodo muy efectivo pero no profecional para protejer fotos. Recuerda que las personas pueden entrar a ver tus fotos y robarselas de alli, mejor pon los albums privados.

Si ya tienes tus albums privados entonses puedes hacer algo para que no puedena entrar. Vamos a esconder la link de "ver mas fotos y videos" con este codigo (pegalo en la seccion de CSS y elije "vista previa" antes de salvar cambios")


div.basicInfoModule div.basicInfoDetails div.pageLinks em {display:none;}
div.basicInfoModule div.basicInfoDetails div.pageLinks ul a {display:none;}
div.basicInfoModule div.basicInfoDetails blockquote span.status {display:block;}

 

Ahora ya no ay links para que vallan a ver tus fotos, verdad? aaa pero puden hacer click en tu foto principal e ir a verlos! 

Ok no se desanimen por que les traigo otro codigo para eso 

El primer codigo esconde la foto principal y el segundo es un DIV por que nesecitamos poner la link directa de la foto que quieramos usar. Los 2 codigos van en la seccion de CSS y es muy importante que elijas en "vista previa" antes de salvar cambios sino no te va a funcionar.

 

div.basicInfoModule div.photo a {visibility:hidden;}

 

Ahora pega este codigo en la seccion de CSS y pega la link directa de tu foto alli donde te digo. (puedes subir tu foto a tinypic.com para agarrar la link directa)

 

div.basicInfoModule div.photo {background-image:url(link directa de la foto aqui); background-position:center; background-repeat:no-repeat;}

 

Ahora si quieres poner una foto tulla en tu perfil tambien la podemos protejer. Esto consiste en que vamos a poner una foto transparente arriba de la que pongas en tu perfil y asi cuando le den click derecho y quieran salvarla lo unico que van a salvar es la foto tranasparente.

Si vaz a usar mas de una foto en tu perfil y quieres usar este codigo en dos ocaciones, es muy importante que le cambies el nombre al DIV. Este div le puse de nombre "MiFotoUno" y alli lo puedes ver en 3 ocaciones que lo puse. Le puedes poner el nombre que quieras pero tiene que ser lo mismo en las 3 secciones y sin espacio.

Ahora puedes mirar que abajo de la link, en el primer codigo aparese esto:

width:275px; height:300px;}

Eso es lo ancho y lo alto de la foto transparente (width = ancho y height = ancho)

Despues podras ver que mas abajito esta esto:

width:148px; height:170px;}

Eso es lo ancho y alto de la foto que vaz a poner en tu perfil, cambiale los numero segun como la quieras de grande.

 

Ahora que comprendes como va a funcionar esto, vamos a los siguientes pasos.

Pega este codigo en la seccion de CSS y es muy importante que elijas en "Vista Previa" antes de salvar cambiso.

 

div.MiFotoUno {background-image:url(link directa de tu imagen aqui); background-repeat:no-repeat; width:275px; height:300px;}
div.MiFotoUno img {display:block; width:148px; height:170px;}

 

Ahora pega este codigo donde quieras que aparesca la foto y ponle la link alli donde te digo y quiero aclararte que la link directa no es el codigo HTML para que no te confundas. La link directa es cuando la pegas en tu navegador y puedes ver la foto en grande.


<div class="MiFotoUno">
<img src="http://x.myspacecdn.com/modules/common/static/img/clear.gif">
</div>


                
            

 

 Otra forma de protejer las fotos que pegas en tu perfil es cun un efecto hover que al pasar el raton se desaparesen y no pueden salvarla. Este efecto lo muestro en esta seccion

/articles/desapareser-link-o-texto