-
Neopets CSS Tutorial
-
Si usted tiene un Neopet, usted puede preguntarse cómo personalizar el aspecto de la página de su mascota virtual de manera que se crea una presencia en Internet verdaderamente distinta de la de las otras criaturas de Neopia. Mediante el uso de hojas de estilo en cascada (CSS), es posible que el estilo de diversos elementos en su página.
Añadir la CSS
Para añadir CSS a la página de mascota, hay que ir al editor de texto para agregar los estilos.
En primer lugar, acceda a su cuenta de Neopets y seleccione el enlace "Panel de control" en el menú desplegable "Mi cuenta". En la sección central, "Neopets", seleccione el enlace "Editar página mascotas" y haga clic en el enlace "Editar" para llegar al código existente HyperText Markup Language (HTML) que controla la página.
A continuación, añadir las etiquetas de apertura y cierre de estilo por encima del cuerpo de la etiqueta para crear un marcador de posición para que las reglas CSS van e indican que el tipo es "text / css". Escriba los siguientes entre la apertura y cierre de etiquetas de la cabeza en la parte superior de la página. Por ejemplo:
<Head>
<Style type = "text / css">
</ Style>
</ Head>Ahora, agregue un selector que da nombre a la parte de la página que se está labrado. Un selector común es la propiedad del cuerpo, ya que controla toda la página. Introduzca el selector entre las etiquetas de estilo y añadir una abertura y cierre de corchete después de la entrada. Por ejemplo:
cuerpo { }Estos soportes están ahora listos para revestir las reglas CSS asociados.
Estilo de la fuente
Puede estilo de la fuente de la página de mascotas para que muestre un color diferente, la cara y el tamaño de la fuente.
Comience por volver al selector llamado "cuerpo" y coloque el cursor entre la apertura y el cierre de llaves. Para cambiar el color de la fuente, introduzca el atributo "color", seguirlo con dos puntos, escriba el nombre de la tonalidad (por ejemplo, azul) o utilizar un valor hexadecimal y terminar con un punto y coma. Hexadecimales son los números de seis dígitos precedidos por un signo de número que proporcionan un tono específico. Para ilustrar, para utilizar el TIPO un color rojo oscuro lo siguiente:
body {color: # 480000; }Continuar cambiando la cara de la fuente de la página mediante la adición de un "font-family:" después de la entrada de regla de color. Por ejemplo, para cambiar el tipo existente a "Arial", entre lo siguiente:
body {font-family: Arial; }A continuación, especificar el tamaño de la fuente mediante el uso de la "font-size:" atributo después de que las normas existentes. Las fuentes pueden ser introducidos como puntos (pt) o píxeles (px) como el siguiente ejemplo:
body {font-size: 14px; }Por último, una vista previa de la página de mascota para asegurarse de que le gustan los estilos. Haga clic en el botón "Vista previa de cambios" en la parte inferior de la página del editor de texto y ver el trabajo. Si está satisfecho con el CSS, haga clic en el botón "Guardar cambios". De lo contrario, haga clic en el botón "Retroceder" volver a hacer ningún estilo.
