Tutorial Diseño de perfil Chaturbate

1

Mi colaboración para dejar un fondo estatico iguala hay que ajustar segun el contenido

bueno les dejo mi perfil como ejemplo en [url]chaturbate <!-- m --><a class="postlink" href="https://es.chaturbate.com/p/juanzear/?tab=bio">https://es.chaturbate.com/p/juanzear/?tab=bio</a><!-- m -->[/url]

si gustan dejar su perfil asi con gusto les colaboro les dejo el codigo para que lo implementen el resto es buen gusto, diseño y fotos

<ul style="background-image:url(<!-- m --><a class="postlink" href="http://TUFOTO.jpg">http://TUFOTO.jpg</a><!-- m -->); background-repeat:no-repeat; background-size: cover;
background-position:center; background-attachment:fixed; list-style:none; overflow:hidden; margin-left:-100px; margin-top:50px; ">

<li style="margin-left:400px;"><img src="http://TUFOTO.jpg" width="900" height="719" alt=""/></li>
<li style="margin-left:400px;"><img src="http://TUFOTO.jpg" width="900" height="719" alt=""/></li>
<li style="margin-left:400px;"><img src="http://TUFOTO.jpg" width="900" height="719" alt=""/></li>

EXPLICO UN POCO EL CÓDIGO DE LA PRIMERA LINEA:

<ul>es un tipo de lista donde ordenamos los elementos que lleva dentro
background-repeat:no-repeat; este código es para que la imagen de fondo no se repita sino que sea una sola imagen
background-size: cover; este código es para que la imagen ocupe toda la pantalla o el contenido del Iframe
background-position:center; con este código ubicamos la imagen de fondo en el centro (esto puede variar según la foto)
background-attachment:fixed; con este código hacemos que la imagen quede fija en el fondo así que cuando usamos el scroll bajan las imágenes pero el fondo queda fijo
list-style:none; al usar una lista en HTML se crean unos puntos esto los quita
overflow:hidden; este codigo nos evita que la imagen se desborde a lo ancho de la pagina
margin-left:-100px; use margen a la izquierda -100px para que ocupara la mayor área posible del bio
margin-top:50px; use margen de 50px para que no tapara los elementos que trae la pagina o el menu superior

<li style="margin-left:400px;"> en las imagenes puse margin 400px para centrarlas un poco en la pantalla (no se como se vea en portátiles si se corta la imagen si alguien me dice gracias)

por ultimo si quieren editar su perfil de forma estetica y elegante pueden escribirme

espero les guste y les sirva

Último(s) agradecimiento(s)

studios sajar,  
Ver todos