Tecnología

Inicio

Cómo hacer CSS perfil Presentaciones

Cómo hacer CSS perfil Presentaciones


Al crear una cuenta en los sitios de redes sociales, tales como IMVU y Bebo, se obtiene una página de perfil personal que muestra de su información. Este perfil es típicamente prediseñado por defecto, pero usted tiene la opción de estilo de los diversos elementos, tales como el color de fondo y la tipografía, de acuerdo con sus preferencias. Con Cascading Style Sheets (CSS), puede crear reglas de estilo individuales que personalizan su página. Aplicar el CSS que diseña los elementos más comunes de un diseño de perfil.

Instrucciones

1 Iniciar sesión en la cuenta que contiene el perfil que desea diseñar y acceder a la zona de "Editar" en el que introduce el código CSS personalizado. En Bebo, por ejemplo, haga clic en la opción "Editar hoja de estilos" en la barra de herramientas. Consulte la Ayuda, FAQ o página de soporte si necesita ayuda para localizar esta función en su cuenta particular.

2 Introduzca el siguiente CSS en el cuadro de texto:
<Style type = "text / css">
h1 {}
cuerpo { }
img {}
</ Style>

3 "Tipo:"; entre las llaves h1 e introduzca un tamaño en número de píxeles y un tipo de letra de Estilo de la cabecera en su perfil. Por ejemplo:
h1 {font: 24px Arial, sans-serif; }

4 Enter "fondo:;" dentro del estilo de la carrocería y escriba un valor de color HTML para determinar la sombra de su página de perfil. Además, introduzca "color:;" seguido de otro valor de color para especificar el color de su texto. Para ilustrar:
body {background: #ffffff; Color: #cccccc; }

5 Tipo "border:;" en la regla img e introduzca un número de píxeles, estilo de línea y el valor como "puntos" de color para crear el esquema que aparece en torno a las imágenes en su perfil. Por ejemplo:
img {2px de puntos # 660000; }

6 Haga clic en la opción "Vista previa" y ver su diseño con los estilos CSS. Cuando esté listo, guardar su trabajo. Su CSS completo es el siguiente ejemplo:
<Style type = "text / css">
h1 {font: 24px Arial, sans-serif; }
body {background: #ffffff; Color: #cccccc; }
img {2px de puntos # 660000; }
</ Style>

Consejos y advertencias

  • Puede utilizar cualquiera de los atributos de estilo CSS, que son las entradas como "fondo" o "frontera" en cualquier regla de estilo que prefiera. Por ejemplo, añadir un color de texto independiente a su estilo de cabecera h1 como esto:
  • h1 {font: 24px Arial, sans-serif; color: # f0f0f0; }