Tutorial Diseño de perfil Chaturbate

Habla, pregunta y comenta sobre cualquier tema relacionado con el mundo de las modelos y el trabajo webcam.

CBDesigner
Novato/a
Novato/a
Mensajes: 3
Registrado: Mar Jul 05, 2016 10:31 am
Le han dado las gracias: 5 veces

Tutorial Diseño de perfil Chaturbate

Mensajepor CBDesigner » Mié Jul 06, 2016 1:34 pm

Hola a todos los miembros y miembras del foro! Soy neck0 (profesionalmente :ugeek:) diseñador gráfico, y entre otros diseños, realizo perfiles en Chaturbate y Myfreecams. Os traigo un tutorial para resolver dudas sobre como customizar vuestro perfil CB y seáis las reinas de la página (o casi :mrgreen: ).
Así que empecemos!!
Y Vayamos por partes :D

Añadir iconos social media
Para añadir los iconos social media a la izquierda y en la parte medio-alta como tu Twitter, Tumblr, Manyvids, Amazon.. etc. este es el código que podéis usar, copiando y pegando directamente en vuestra sección About me:

Código: Seleccionar todo

<p style="position:absolute;top:150px;left:0px;"><a href=“http://www.tuurltumblr.com”><img src=“https://cdn1.iconfinder.com/data/icons/social-media-icon-1/112/tumblr-64.png”></a>
<a href=“http://www.tuurltwitter.com/YourTwitter”><img src=“https://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_color-64.png”></a>
<a href=“http://www.tuurlamazon.com”><img src=“https://cdn2.iconfinder.com/data/icons/social-icons-circular-color/512/amazon-64.png”></a>
</p>

Para usar tus urls, sencillamente cambia “http://www.tuurltumblr.com” o “http://www.tuurltwitter.com/YourTwitter” por cada una de tus url a tus perfiles.
La parte de <img src="..." /> es donde va a ir la imagen de la red social para cada url. Para encontrar iconos puedes usar http://iconfinder.com , puedes copiar y pegar la dirección de las imágenes que deseas usar desde la misma página.

Añadir icono DMCA
Puedes añadir las etiquetas DMCA, copiando y pegando en las etiquetas que aparecen desde la pagina de http://dmca.com, que es algo como esto:

<a href="http://www.dmca.com/Protection/Status.aspx?ID=8ae8c041-f270-4ff0-88b2-9769fb0f15b2" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="http://images.dmca.com/Badges/dmca_protected_sml_120n.png?ID=8ae8c041-f270-4ff0-88b2-9769fb0f15b2" alt="DMCA.com Protection Status" /></a>

Y lo pegamos en un código como este:

Código: Seleccionar todo

<p style="position:absolute;top:150px;left:50px;"><a href="http://www.dmca.com/Protection/Status.aspx?ID=8ae8c041-f270-4ff0-88b2-9769fb0f15b2" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="http://images.dmca.com/Badges/dmca_protected_sml_120n.png?ID=8ae8c041-f270-4ff0-88b2-9769fb0f15b2"  alt="DMCA.com Protection Status" /></a>
</p>

De esta forma el icono te quedará un poco más centrado.

Añadir botón Wishlist Amazon
Puedes añadir tu url de lista de deseos de Amazon con un botón para que sea más visible en la sección de Add Wishlists:

Código: Seleccionar todo

<a href="http://tuurldelistadedeseosamazon"><img src=“http://sonoracatrescue.net/images/permanent/amazon-wishlist.png /></a>

Como antes en la parte de iconos social media, si quieres cambiar el botón cambia la url de <img src="http..."

Añadir información perfil con imagen de fondo

Si no sabes usar Photoshop, (aunque en el fondo no te lo recomiendo para usar en el perfil de CB..), te recomiendo que esta parte la hagas lo más sencilla posible, por ejemplo basándote en un código como este:

Código: Seleccionar todo

<ul style="background: url('http://images.wallpino.com/001-005/various-collection-hd-wallpapers-677.jpg') 0px 0px/ cover;width:100%"><p style="color:white;padding:200px;">TIPS <br /> RULES</p></ul>

Para añadir una imagen de fondo que quieras, deberás subirla a un hosting de imágenes, como http://imgur.com o http://tinypic.com. Desde ahí podrás coger tu enlace.
La parte de background url=', es donde va la url de tu imagen de fondo que en nuestro caso es:http://images.wallpino.com/001-005/various-collection-hd-wallpapers-677.jpg . La parte del texto que es donde irá toda tu información como quien eres, tus precios, reglas, etc, etc va entre <p ></p>, en nuestro caso: TIPS <br /> RULES

Añadir imagen o color de fondo en tu página
Si quieres darle un toque más personal a tu perfil, muchas modelos lo que hacen es añadir un color o imagen de fondo a la sala, para conseguir más personalización y diferenciación. Para conseguir ese efecto, puedes usar este código:

Código: Seleccionar todo

<p target="_blank" style="background:url(http://i63.tinypic.com/2exo7xh.jpg);width:2000px;height:2000px;left:0px;top:0px;position:fixed;z-index:-100;" rel="nofollow"></p>

Sustituye la imagen de tinypic por la que tu prefieras.

Ahí os dejo esta guía, creo que es fácilmente entendible, tan solo debes copiar y pegar los códigos que aparecen, y cambiar las url de las imágenes. Si necesitáis alguna customización especial podéis enviarme un mensaje privado y cualquier duda que tengáis respecto a estos códigos que os he puesto me la podéis consultar. He de decir que no dispongo de mucho tiempo para entrar al foro por lo que si tenéis alguna petición o necesitáis algo me podéis enviar un correo a neck0.designs @ gmail.com .

Saludos!!!! (ok)
Diseño perfiles COMO ESTE y otros para Chaturbate y Myfreecams. Desde $60.

Etiquetas:

Sarah
Novato/a
Novato/a
Mensajes: 2
Registrado: Lun Jun 13, 2016 8:55 pm
Ha dado las Gracias: 1 vez
Le han dado las gracias: 1 vez

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor Sarah » Jue Jul 07, 2016 6:55 pm

(aplauso) (aplauso) (aplauso)
Infinitas graciasssss neck, hace mucho estaba buscando este tipo de informacion clara y precisa! Gracias por compartir esto con nosotros se que a mas de uno(a) nos sera muy util. Gracias!! (beso)

davidboss
Experto/a
Experto/a
Mensajes: 56
Registrado: Dom Jun 26, 2016 2:06 pm
Le han dado las gracias: 5 veces

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor davidboss » Sab Jul 09, 2016 9:11 am

como puedo añadir a la izquierda de la cam un icono de SIGN UP para motivar a los clientes nuevos a registrarse???
lo he visto en algunas cams y es buena idea ya que la cam es lo primero que se ve.

CBDesigner
Novato/a
Novato/a
Mensajes: 3
Registrado: Mar Jul 05, 2016 10:31 am
Le han dado las gracias: 5 veces

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor CBDesigner » Sab Jul 09, 2016 2:37 pm

davidboss escribió:como puedo añadir a la izquierda de la cam un icono de SIGN UP para motivar a los clientes nuevos a registrarse???
lo he visto en algunas cams y es buena idea ya que la cam es lo primero que se ve.


Puedes añadirlo justo en la parte de los iconos social media,y sustituir tanto la url como la imagen del botón de abajo : https://cdn1.iconfinder.com/data/icons/social-media-icon-1/112/tumblr-64.png poner tu image, y poner tu url de registro de chaturbate donde corresponde:

Código: Seleccionar todo

<p style="position:absolute;top:150px;left:0px;"><a href=“http://www.tuurlchaturbateregistro.com”><img src=“https://cdn1.iconfinder.com/data/icons/social-media-icon-1/112/tumblr-64.png”></a></p>


No te puedo decir donde encontrar un butón de Sign up Here ahora mismo, los he visto en algunos perfiles pero son totalmente customizados. Si me dices el perfil donde has visto el botón te envío el código de la imagen.
Diseño perfiles COMO ESTE y otros para Chaturbate y Myfreecams. Desde $60.

davidboss
Experto/a
Experto/a
Mensajes: 56
Registrado: Dom Jun 26, 2016 2:06 pm
Le han dado las gracias: 5 veces

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor davidboss » Sab Jul 09, 2016 2:39 pm

Gracias, ya encontré la forma de hacerlo, esta quedando chula la página

Pusheen
Experto/a
Experto/a
Mensajes: 85
Registrado: Dom Oct 11, 2015 8:50 am
Ha dado las Gracias: 22 veces
Le han dado las gracias: 11 veces

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor Pusheen » Sab Jul 16, 2016 4:31 am

muchas gracias!! ♥ estaba buscando como hacerlo!♥

lina_72
Experto/a
Experto/a
Mensajes: 47
Registrado: Mar Abr 26, 2016 7:10 pm
Le han dado las gracias: 2 veces

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor lina_72 » Sab Jul 16, 2016 12:22 pm

Siiiiii mil gracias por compartir esta información tan valiosa.

gabrielapple
Experto/a
Experto/a
Mensajes: 46
Registrado: Jue Abr 21, 2016 3:00 pm
Ha dado las Gracias: 6 veces
Le han dado las gracias: 9 veces

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor gabrielapple » Dom Jul 17, 2016 2:21 pm

Llevo dos años buscando ésta información!! Mil gracias por compartirla con nosotros!!! Bendiciones :D
(K) (K) (K) (K) (K) (K) (K) (K) (K) (K) (K) (K) (K) (K) (K) (K) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso) (aplauso)
GABRIELAPPLE (K) (hi) (hi) (hi) (hi)

gabrielapple
Experto/a
Experto/a
Mensajes: 46
Registrado: Jue Abr 21, 2016 3:00 pm
Ha dado las Gracias: 6 veces
Le han dado las gracias: 9 veces

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor gabrielapple » Dom Jul 17, 2016 4:13 pm

CBDesigner escribió:Hola a todos los miembros y miembras del foro! Soy neck0 (profesionalmente :ugeek:) diseñador gráfico, y entre otros diseños, realizo perfiles en Chaturbate y Myfreecams. Os traigo un tutorial para resolver dudas sobre como customizar vuestro perfil CB y seáis las reinas de la página (o casi :mrgreen: ).
Así que empecemos!!
Y Vayamos por partes :D

Añadir iconos social media
Para añadir los iconos social media a la izquierda y en la parte medio-alta como tu Twitter, Tumblr, Manyvids, Amazon.. etc. este es el código que podéis usar, copiando y pegando directamente en vuestra sección About me:

Código: Seleccionar todo

<p style="position:absolute;top:150px;left:0px;"><a href=“http://www.tuurltumblr.com”><img src=“https://cdn1.iconfinder.com/data/icons/social-media-icon-1/112/tumblr-64.png”></a>
<a href=“http://www.tuurltwitter.com/YourTwitter”><img src=“https://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_color-64.png”></a>
<a href=“http://www.tuurlamazon.com”><img src=“https://cdn2.iconfinder.com/data/icons/social-icons-circular-color/512/amazon-64.png”></a>
</p>

Para usar tus urls, sencillamente cambia “http://www.tuurltumblr.com” o “http://www.tuurltwitter.com/YourTwitter” por cada una de tus url a tus perfiles.
La parte de <img src="..." /> es donde va a ir la imagen de la red social para cada url. Para encontrar iconos puedes usar http://iconfinder.com , puedes copiar y pegar la dirección de las imágenes que deseas usar desde la misma página.

Añadir icono DMCA
Puedes añadir las etiquetas DMCA, copiando y pegando en las etiquetas que aparecen desde la pagina de http://dmca.com, que es algo como esto:

<a href="http://www.dmca.com/Protection/Status.aspx?ID=8ae8c041-f270-4ff0-88b2-9769fb0f15b2" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="http://images.dmca.com/Badges/dmca_protected_sml_120n.png?ID=8ae8c041-f270-4ff0-88b2-9769fb0f15b2" alt="DMCA.com Protection Status" /></a>

Y lo pegamos en un código como este:

Código: Seleccionar todo

<p style="position:absolute;top:150px;left:50px;"><a href="http://www.dmca.com/Protection/Status.aspx?ID=8ae8c041-f270-4ff0-88b2-9769fb0f15b2" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="http://images.dmca.com/Badges/dmca_protected_sml_120n.png?ID=8ae8c041-f270-4ff0-88b2-9769fb0f15b2"  alt="DMCA.com Protection Status" /></a>
</p>

De esta forma el icono te quedará un poco más centrado.

Añadir botón Wishlist Amazon
Puedes añadir tu url de lista de deseos de Amazon con un botón para que sea más visible en la sección de Add Wishlists:

Código: Seleccionar todo

<a href="http://tuurldelistadedeseosamazon"><img src=“http://sonoracatrescue.net/images/permanent/amazon-wishlist.png /></a>

Como antes en la parte de iconos social media, si quieres cambiar el botón cambia la url de <img src="http..."

Añadir información perfil con imagen de fondo

Si no sabes usar Photoshop, (aunque en el fondo no te lo recomiendo para usar en el perfil de CB..), te recomiendo que esta parte la hagas lo más sencilla posible, por ejemplo basándote en un código como este:

Código: Seleccionar todo

<ul style="background: url('http://images.wallpino.com/001-005/various-collection-hd-wallpapers-677.jpg') 0px 0px/ cover;width:100%"><p style="color:white;padding:200px;">TIPS <br /> RULES</p></ul>

Para añadir una imagen de fondo que quieras, deberás subirla a un hosting de imágenes, como http://imgur.com o http://tinypic.com. Desde ahí podrás coger tu enlace.
La parte de background url=', es donde va la url de tu imagen de fondo que en nuestro caso es:http://images.wallpino.com/001-005/various-collection-hd-wallpapers-677.jpg . La parte del texto que es donde irá toda tu información como quien eres, tus precios, reglas, etc, etc va entre <p ></p>, en nuestro caso: TIPS <br /> RULES

Añadir imagen o color de fondo en tu página
Si quieres darle un toque más personal a tu perfil, muchas modelos lo que hacen es añadir un color o imagen de fondo a la sala, para conseguir más personalización y diferenciación. Para conseguir ese efecto, puedes usar este código:

Código: Seleccionar todo

<p target="_blank" style="background:url(http://i63.tinypic.com/2exo7xh.jpg);width:2000px;height:2000px;left:0px;top:0px;position:fixed;z-index:-100;" rel="nofollow"></p>

Sustituye la imagen de tinypic por la que tu prefieras.

Ahí os dejo esta guía, creo que es fácilmente entendible, tan solo debes copiar y pegar los códigos que aparecen, y cambiar las url de las imágenes. Si necesitáis alguna customización especial podéis enviarme un mensaje privado y cualquier duda que tengáis respecto a estos códigos que os he puesto me la podéis consultar. He de decir que no dispongo de mucho tiempo para entrar al foro por lo que si tenéis alguna petición o necesitáis algo me podéis enviar un correo a neck0.designs @ gmail.com .

Saludos!!!! (ok)




Hola, he seguido cada uno de los pasos que pones... todo bien, pero quisiera que los logos de las redes sociales se movieran mientras yo voy bajando el perfil, que no se queden fijos donde los ubiqué... me puedes dar una instrucción con ésto?
Mil gracias...
GABRIELAPPLE (K) (hi) (hi) (hi) (hi)

rompesuelos
Miembro
Miembro
Mensajes: 10
Registrado: Mié Jun 08, 2016 8:14 am
Ha dado las Gracias: 9 veces
Le han dado las gracias: 1 vez

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor rompesuelos » Vie Jul 22, 2016 11:52 am

Hola!!
Quisiera saber si pongo mi wishlist de Amazon queda patente mi dirección?? Los que me hagan algun regalo pueden saber entonces donde vivo? Es seguro ponerla?
Gracias!!!

lindadulce
Miembro Destacado/a
Miembro Destacado/a
Mensajes: 28
Registrado: Mié Feb 03, 2016 9:59 am
Ubicación: colombia
Ha dado las Gracias: 2 veces
Le han dado las gracias: 11 veces
Contactar:

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor lindadulce » Dom Jul 31, 2016 5:18 pm

rompesuelos escribió:Hola!!
Quisiera saber si pongo mi wishlist de Amazon queda patente mi dirección?? Los que me hagan algun regalo pueden saber entonces donde vivo? Es seguro ponerla?
Gracias!!!

en amazon configura bien tu seguridad, es q con solo el link de tu lista de deseos es suficiente y al miembro no le aparece ninguna info personal tuya

lindadulce
Miembro Destacado/a
Miembro Destacado/a
Mensajes: 28
Registrado: Mié Feb 03, 2016 9:59 am
Ubicación: colombia
Ha dado las Gracias: 2 veces
Le han dado las gracias: 11 veces
Contactar:

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor lindadulce » Dom Jul 31, 2016 5:21 pm

rompesuelos escribió:Hola!!
Quisiera saber si pongo mi wishlist de Amazon queda patente mi dirección?? Los que me hagan algun regalo pueden saber entonces donde vivo? Es seguro ponerla?
Gracias!!!

en amazon configura bien tu seguridad, es q con solo el link de tu lista de deseos es suficiente y al miembro no le aparece ninguna info personal tuya

CBDesigner
Novato/a
Novato/a
Mensajes: 3
Registrado: Mar Jul 05, 2016 10:31 am
Le han dado las gracias: 5 veces

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor CBDesigner » Dom Sep 11, 2016 7:04 pm

gabrielapple escribió:Hola, he seguido cada uno de los pasos que pones... todo bien, pero quisiera que los logos de las redes sociales se movieran mientras yo voy bajando el perfil, que no se queden fijos donde los ubiqué... me puedes dar una instrucción con ésto?
Mil gracias...


cambia position:absolute, por position:fixed

Saludos
Diseño perfiles COMO ESTE y otros para Chaturbate y Myfreecams. Desde $60.

sacasta89
Novato/a
Novato/a
Mensajes: 4
Registrado: Jue Sep 22, 2016 2:16 am

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor sacasta89 » Jue Sep 22, 2016 2:21 am

Quisiera saber, como hacer para que el perfil quede de esta manera, que la imagen de fondo quede dentro de la descripcion y no solamente por fuera enmarcada como el siguiente perfil https://es.chaturbate.com/samywatson/ muchas gracias CBDESIGNER por cualquier colaboracion y qeudo al pendiente

Avatar de Usuario
juanzear
Miembro
Miembro
Mensajes: 14
Registrado: Jue Sep 22, 2016 2:41 pm
Ubicación: Bogotá
Le han dado las gracias: 3 veces
Contactar:

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor juanzear » Jue Sep 22, 2016 3:25 pm

Hola yo te pedo colaborar

sacasta89
Novato/a
Novato/a
Mensajes: 4
Registrado: Jue Sep 22, 2016 2:16 am

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor sacasta89 » Vie Sep 23, 2016 7:01 pm

juanzear escribió:Hola yo te pedo colaborar

hola Juanzear, sabes cual es el codigo preciso para esto, o como se hace para poder poner un fondo asi, que este tanto por fuera del marco de la biografia normalmente, pero como en el caso anterior sea una foto que sirva de fondo para las demas banners de biografia, menutips, fotos y demas ? muchas gracias

Avatar de Usuario
juanzear
Miembro
Miembro
Mensajes: 14
Registrado: Jue Sep 22, 2016 2:41 pm
Ubicación: Bogotá
Le han dado las gracias: 3 veces
Contactar:

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor juanzear » Vie Sep 23, 2016 7:04 pm

HOLA NO PUEDO VER EL PERFIL EN EL LINK QUE DAS SI ENVIAS UNA CAPTURA DE PANTALLA ME PUEDO HACER UNA IDEA POR QUE NO SE QUE QUIERES EXACTAMENTE

sacasta89
Novato/a
Novato/a
Mensajes: 4
Registrado: Jue Sep 22, 2016 2:16 am

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor sacasta89 » Vie Sep 23, 2016 10:28 pm

juanzear escribió:HOLA NO PUEDO VER EL PERFIL EN EL LINK QUE DAS SI ENVIAS UNA CAPTURA DE PANTALLA ME PUEDO HACER UNA IDEA POR QUE NO SE QUE QUIERES EXACTAMENTE


ahi adjunto dos imagenes nose si las puedas o no ver, pero pues es mas o menos lo que quisiera, se ve la imagen de fondo en la parte de descripcion, pero encima de la foto estan las imagenes de menu tips las rules y todo lo demas, qeu al ir bajando la imagen, el fondo se queda quieta y va pasando los otros banners
Adjuntos
2.jpg
2.jpg (105.08 KiB) Visto 2421 veces
1.jpg
1.jpg (89.03 KiB) Visto 2421 veces

Avatar de Usuario
juanzear
Miembro
Miembro
Mensajes: 14
Registrado: Jue Sep 22, 2016 2:41 pm
Ubicación: Bogotá
Le han dado las gracias: 3 veces
Contactar:

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor juanzear » Mar Sep 27, 2016 1:38 am

hola si es sencillo pon el siguiente codigo

<p target="_blank" style="background:url(http://TU FOTO.jpg);width:ANCHO DE LA IMAGEN px ;height:ALTO DE LA IMAGEN px;left:0px; top:0px; position:fixed; z-index:-100;" rel="nofollow"></p>

LO QUE HACE QUE LA IMAGEN SE QUEDE QUIETA Y AL FONDO ES: position:fixed; z-index:-1;

Avatar de Usuario
juanzear
Miembro
Miembro
Mensajes: 14
Registrado: Jue Sep 22, 2016 2:41 pm
Ubicación: Bogotá
Le han dado las gracias: 3 veces
Contactar:

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor juanzear » Mar Sep 27, 2016 4:31 pm

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 https://es.chaturbate.com/p/juanzear/?tab=bio[/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(http://TUFOTO.jpg); 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

Avatar de Usuario
juanzear
Miembro
Miembro
Mensajes: 14
Registrado: Jue Sep 22, 2016 2:41 pm
Ubicación: Bogotá
Le han dado las gracias: 3 veces
Contactar:

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor juanzear » Mar Sep 27, 2016 4:34 pm

LES DEJO EL CÓDIGO APARTE OLVIDE USARLO EN EL ANTERIOR

Código: Seleccionar todo

<ul style="background-image:url(http://TUFOTO.jpg); 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>

Avatar de Usuario
Vega
Miembro
Miembro
Mensajes: 6
Registrado: Mar Nov 01, 2016 7:48 pm
Ha dado las Gracias: 2 veces

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor Vega » Mié Nov 02, 2016 1:25 pm

Hola!! cómo convierto mi imagen en HTTP? me puede ayudar alguién?

glamourfactory
Miembro Destacado/a
Miembro Destacado/a
Mensajes: 31
Registrado: Jue Oct 20, 2016 4:28 pm
Ha dado las Gracias: 19 veces
Le han dado las gracias: 4 veces

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor glamourfactory » Sab Nov 05, 2016 3:33 pm

Muy bueno el aporte de juanzear, me funcionó, muchas gracias! me queda una duda, ¿es posible darle un valor a la distancia entre las imágenes que van dentro del fondo estático?

Avatar de Usuario
juanzear
Miembro
Miembro
Mensajes: 14
Registrado: Jue Sep 22, 2016 2:41 pm
Ubicación: Bogotá
Le han dado las gracias: 3 veces
Contactar:

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor juanzear » Mar Nov 08, 2016 10:56 pm

glamourfactory escribió:Muy bueno el aporte de juanzear, me funcionó, muchas gracias! me queda una duda, ¿es posible darle un valor a la distancia entre las imágenes que van dentro del fondo estático?


Hola donde quieres agregar margen izquierda derecha superior inferior?

te dejo los codigos y los pones en la imagen

margin-top:400px; (superior)

margin-left:400px; (izquierda)

margin-right:400px; (derecha)

margin-bottom:400px; (inferior)


o no se que quieres excatamente

Avatar de Usuario
juanzear
Miembro
Miembro
Mensajes: 14
Registrado: Jue Sep 22, 2016 2:41 pm
Ubicación: Bogotá
Le han dado las gracias: 3 veces
Contactar:

Re: Tutorial Diseño de perfil Chaturbate

Mensajepor juanzear » Mar Nov 08, 2016 10:59 pm

Vega escribió:Hola!! cómo convierto mi imagen en HTTP? me puede ayudar alguién?


http// es una ruta o link donde se encuentra tu imagen no puedes convertir una imagen en http

ejemplo esta ruta de una imagen que esta alojada en mi servidor

http://disenograficoenbogota.com/ensayo/AE4.jpg


Volver a “Discusión General”

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado