Tutorial Diseño de perfil Chaturbate

1

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  

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:

<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 <!-- m --><a class="postlink" href="http://iconfinder.com">http://iconfinder.com</a><!-- m --> , 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 <!-- m --><a class="postlink" href="http://dmca.com">http://dmca.com</a><!-- m -->, 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:

<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:

<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:

<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 <!-- m --><a class="postlink" href="http://imgur.com">http://imgur.com</a><!-- m --> o <!-- m --><a class="postlink" href="http://tinypic.com">http://tinypic.com</a><!-- m -->. 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:

<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)

HOLAAAAAA NO SE SI AUN ESTES EN ESTE FORO, ME PUEDES EXPLICAR MEJOR COMO SUBIR LAS FOTOS DESDE IMGUR? Y RESPECTO AL LINK DEL SOCIA MEDIA :C ME APARECN LSOLOGOS PERO EL LINK SOLO ME VULVE A CARGAR LA BIO

Último(s) agradecimiento(s)

Carla-alvarez,  
Ver todos