Cómo hacer un diseño de superposición de Div MySpace

Cuando me uní a MySpace por primera vez hace poco más de un año, me enganché. Me encantó el hecho de que podía expresarme en este sitio web que millones de personas estaban usando. Por otro lado, desprecié por completo sus formatos de diseño predeterminados. Odiaba las cajas, las pequeñas mesas de contacto pegajosas y casi todo el camino que se configuraron los perfiles de todos. Sabía por el primer momento que sus diseños no iban a funcionar para mí.

Hice algunos días y me encontré con el perfil de esta chica que no se parecía a los demás. No había cajas, ni mesa de contacto (solo pequeños y pequeños enlaces de imagen en la parte superior de su página), y estaba configurado de la manera en que quería el mío. Estaba usando un diseño de superposición de div.

Probé varias veces para que esta chica le pregunte cómo hizo su perfil, pero fue en vano. Esto es cuando comencé a buscar. Encontré un sitio web tras otro que tenía generadores de superposición Div, pero estaban demasiado avanzados para un principiante como yo. Me encontré con un sitio web que parecía prometedor llamado MySpace Pro Designs, solo para descubrir que también era demasiado difícil de usar.

Unos días después, mi hermana pequeña terminó con la misma Sitio web y para mi sorpresa, se escribió en la parte superior de la pantalla: “¡NUEVO! ¡NUEVO! ¡Generador de superposición de div Div!” Yo estaba extasiado. Me subí, lo probé, ¡y ta-da! ¡Lo hice! Pasé de un diseño de perfil de MySpace estándar al nuevo que tengo hoy (échale un vistazo aquí). Por supuesto, se necesitó mucha práctica para dominar las cosas y una tonelada de sitios web me ayudaron enormemente. Ahora estoy aquí para compartir con usted exactamente cómo usar este generador y qué sitios web puede usar para agregar algunos toques propios.

1. Visite el sitio web y elija su diseño
Vaya a http://www.myspaceprodesigns.com y eche un vistazo a la parte superior de la página. Verá varios botones de enlace, uno de ellos etiquetado como “generadores”. Haga clic en eso y debería llevarlo a otra página con una lista de todos los generadores que tienen para su uso personal.

Desplácese hacia abajo hasta “Generadores de perfil completo” y debajo verá tres barras verdes diferentes. . Haga clic en el que dice “Generador de superposición Div simple y vista previa” (o simplemente haga clic aquí). Esto debería llevarlo a una página con un montón de miniaturas pequeñas con pequeñas cajas en ellas.

READ  Dos trucos de cartas simples revelados

Si mira la parte superior, verá enlaces que dicen 1 y 2 cajas, 3 cajas, etc. Estas son los cuadros en los que entrará su contenido. Por ejemplo, si desea una sección para imágenes, una sección para obtener información sobre usted y una sección para enlaces, elegiría uno de los formatos con tres cuadros en ella. Haga clic en el formato que desea usar y debe llevarlo a una pantalla donde pueda personalizar su diseño.

2. Personalice su diseño
Una vez que haya elegido su formato, verá una imagen y luego, debajo, verá varias áreas en las que puede editar este diseño. Estas áreas incluyen antecedentes, divs, texto, enlaces y enlaces. Voy a explicarle lo que significa cada opción de edición.

El fondo principal es básicamente solo el color de toda su página. Además de este fondo, sus cajas (o capas DIV) se sentarán y dentro de esas cajas estarán su información, imágenes, enlaces y lo que no. El texto y los enlaces es donde editará los formatos principales de texto y enlace para todo su perfil. Link hovers es donde elegirá cómo desea que se vean sus enlaces cuando alguien ponga su mouse sobre ellos.

Color de fondo: al editar la sección de fondo, este será el color del fondo que sus cuadros (o capas div) Siéntate encima de. Aquí es donde colocará el código de color del fondo que elija.

Al editar la sección de DIV, este será el color de fondo de las cuadros en los que entrará su texto y sus imágenes.

Para todos los códigos de color, visite http://www.pagetutor.com/common/bgcolors1536.png.

Imagen de fondo – si no lo hace Desea un color para su fondo, ya sea para su página o sus cuadros (o capas DIV) y, en su lugar, desea una imagen, aquí es donde lo pondría. Deberá cargar una imagen en su álbum Photobucket (o cualquier sitio web de imagen que use) y pegar la URL de enlace directo en este cuadro. Si no desea usar una imagen, deje esto en blanco.

repetir la imagen – si está utilizando una imagen pequeña pero desea que tome toda la página, usted, usted, usted quisiera que la imagen se repita. Si no, elegiría “sin repetición”. ¿Sin imágen? No hagas nada con esta parte.

READ  Información detallada sobre diferentes tipos de formularios 1099

Posición de imagen – Digamos que tienes una imagen pequeña y no quieres que tome toda la página, solo tú solo Lo quiero en el centro. Aquí es donde cambiarías eso. Una vez más, si no está utilizando una imagen de fondo, deje esto en blanco.

Adjunto de imagen – si está utilizando una imagen de fondo y desea que permanezca en su lugar cuando alguien Desplácese hacia abajo en su perfil, elija “Fixed”. Si desea que la imagen se desplace con su página, elegiría “Scroll”.

opacidad , esto básicamente significa transparencia. Si desea que sus cajas de capa Div sean transparentes, haría que la opacidad sea menos del 100%. Por lo general, el 85-90% funciona bien. Cualquier cosa menos que eso hará que su perfil sea más difícil de leer, especialmente si tiene antecedentes detallados. Si no desea ninguna transparencia y quiere que sus cajas permanezcan sólidas, mantenga la opacidad al 100%.

Ancho de borde : este será el borde alrededor de sus capas DIV. Por lo general, 1-7 está bien, cualquier cosa más grande se verá pegajosa (en mi opinión). Si no desea tener un borde, déjelo en 0.

estilo de borde – puede tener un borde sólido, un borde punteado, etc. Elija sabiamente. Si no desea un borde, no se meta con esta área.

Color de borde – Aquí es donde elegirá un color para su borde. Para obtener una lista de todos los códigos de color, visite http://www.pagetutor.com/common/bgcolors1536.png.

El texto, los enlaces y la edición de los enlaces deberían ser bastante explosivos, Entonces seguiremos adelante.

3. ¡Genere!
Una vez que haya terminado de personalizar su diseño, haga clic en Generar. Esto debería llevarlo a otra página con una vista previa de su diseño y los códigos. Vaya a su página de Editar perfil en MySpace, asegúrese de que todo esté eliminado en su perfil, excepto en su titular y copie estos códigos en su lugar especificado.

4. Edite los códigos y agregue sus enlaces
Bien, aquí es donde se vuelve un poco complicado. El único código con el que tendrá que meterse es el código que pegó en la sección “A quién me gustaría conocer” de su perfil. Si se desplaza hacia abajo cerca de la parte inferior, verá una parte del código que se lee, este es el cuadro 1. Si elige usar más de una caja, lo verá nuevamente, pero dirá que esta es el cuadro 2. y así que en. Borrará el texto que dice: “Este es un cuadro (número aquí)” y ahí es donde irán todas sus imágenes, texto y enlaces. Entonces, para decirlo más simple, todo su texto irá entre el y las pestañas.

READ  Códigos de MySpace: cómo ocultar cualquier cosa en su perfil

Como dije, si elige más de una caja, verá un área para el cuadro 1, 2, 3 , 4, etc. Si desea especificar un cuadro para imágenes, una para texto y otra para enlaces, colocaría todos sus códigos de enlace en el cuadro 1, todos sus códigos de imagen en el cuadro 2 y todo su texto En el cuadro 3, por ejemplo.

Ahora, tenga en cuenta que debido a que está usando una superposición Div, las tablas de contacto ya no estarán allí. Tendrá que agregar sus propios enlaces. Los códigos de enlace están a continuación, todo lo que tiene que hacer es agregar su ID de amigo donde están las X. Deberá convertirlos en enlaces usted mismo.

Agregar – http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&riendid;=xxxx

Enviar mensaje – http://messaging.myspace.com/index.cfm? .ViewComments & FriendId; = xxxx

comment -http: //comment.myspace.com/index.cfm? fuseaction = user.viewprofile_commentform & friendID; = xxxx

Ver fotos – http: // vermorePics.myspace.com/index.cfm?fuseaction=user.viewalbums&riendid ;=xxxx

Read Blog – http://blog.myspace.com/index.cfm?fuseaction=blog.listall&riend ;=xxxx

Una vez que haya terminado, puede convertir los enlaces en imágenes, agregar algunos extras geniales a su página y mucho más para que se vea exactamente como lo desea. Para obtener ayuda sobre cómo hacer enlaces, enlaces de imagen y qué tiene, asegúrese de visitar http://www.lissaexplains.com y haga clic en “HTML”. Espero que disfrutes de tu nuevo diseño de MySpace, no tan tan tan,

.

referencia: