CSS Crossover Layout Tutorial

Un diseño de Cascading Style Sheets (CSS) diseña su perfil de Friendster, que es la página personal de esta comunidad de redes sociales que ofrece. Usted tiene la opción de utilizar un diseño CSS "cruce" con el estilo de todos los elementos de la página para un diseño distinto. Por ejemplo, utilizar código CSS para publicar una imagen de fondo y determinar el color y el tamaño de la fuente. Use un generador de perfil de Friendster para crear automáticamente el código CSS para el diseño cruzado.

Instrucciones

utilice FreeCodeSource.com

1 Acceder a un proveedor de alojamiento de archivos en línea, tales como MediaFire o TinyPic, para albergar la imagen de fondo si usted tiene uno. Haga clic en el botón "Subir", siga las instrucciones en pantalla para agregar el archivo y luego copiar la dirección URL que aparece. Si usted no tiene una imagen, omitir este paso.

2 Abrir la página web FreeCodeSource.com.

3 Introduzca su dirección URL de fondo (si procede) en el campo de texto "URL de la imagen" y haga clic en las pestañas en la parte superior, como "Secciones", para diseñar las partes de su perfil de Friendster. Siga haciendo clic en los menús para generar el código CSS. Por ejemplo, haga clic en la pestaña "Texto y Enlaces" para diseñar su fuente y haga clic en la pestaña "Botones" al estilo de las cajas que aparecen debajo de su foto de perfil.

4 Haga clic en la pestaña "Obtener código" y copiar el CSS que aparece en el cuadro de texto izquierdo. Ingrese a su cuenta de Friendster y pega el código en la sección "Personalizar CSS" para aplicar el diseño cruzado.

Utilice Pimp My Profile

5 Poner en marcha el Pimp My Profile sitio y haga clic en el botón "Inicio".

6 Haga clic en el cuadro de texto junto al título "Color de fondo" para escoger un color de fondo. Opcionalmente, haga clic en el botón "Subir" junto a la "imagen de fondo" la partida para seleccionar una imagen desde su ordenador y aplicarlo a su disposición Friendster.

7 Haga clic en las pestañas restantes, tales como "tablas" y el uso de los cuadros de texto y menús desplegables para el estilo de su página. Por ejemplo, haga clic en la pestaña "Texto / encabezamientos" y luego haga clic en "fuente" menús desplegables para seleccionar los tipos de letra para los elementos de página.

8 Haga clic en la pestaña "Finalizar" y luego haga clic en el "Generar Código mi!" botón. Copiar los datos CSS en el cuadro que aparece arriba y luego pegarlo en el cuadro de texto Friendster "Personalizar CSS" para mostrar su diseño CSS cruzado.

utilice CrazyProfile.com

9 Repita el paso 1 en la sección "Uso FreeCodeSource.com" para cargar una imagen de fondo, si se prefiere.

10 Abrir la página web CrazyProfile.com. Introduzca la dirección URL de su imagen (si es aplicable) en el campo de texto "URL de la imagen de fondo".

11 Haga clic en los enlaces "Pick", menús desplegables y casillas de verificación estilo de su diseño. Por ejemplo, haga clic en una casilla al lado del "estilo de título" para seleccionar una pantalla, como "Negrita", y haga clic en el enlace "Pick" en la sección "Tablas" para especificar el aspecto de las tablas en su página.

12 Haga clic en el botón "Obtener código" en la parte inferior de la página y copiar el código que aparece en el cuadro superior. Pegar el código CSS en su área perfil de Friendster "Personalizar CSS" para publicar su diseño cruzado.