ubiquitour.com

Tutorial de CSS de neopets

Si tienes un Neopet, usted puede preguntarse cómo personalizar la apariencia de la página de inicio de tu mascota virtual para que crear una presencia en Internet verdaderamente distinta de la de las demás criaturas de Neopia. Mediante el uso de hojas de estilo en cascada (CSS), puede estilo varios elementos en tu página.

Añadir el CSS

Para agregar CSS a tu página del animal doméstico, usted debe ir al editor de texto para añadir los estilos.

En primer lugar, iniciar sesión en tu cuenta de Neopets y seleccione el vínculo "Panel de Control" del menú desplegable de "Mi cuenta". En la sección intermedia, "Neopets", seleccione el enlace "Editar la página del Pet" y haga clic en el enlace "Editar" para llegar a del vigente Código de lenguaje de marcado de hipertexto (HTML) que controla la página.

A continuación, añadir las etiquetas de estilo de apertura y cierre por encima de la etiqueta body para crear un marcador de posición donde las reglas CSS que van y indican que el tipo es "text/css". Escriba lo siguiente entre las etiquetas de apertura y cierre central en la parte superior de la página. Por ejemplo:< head >< estilo tipo = "text/css" >< / estilo >< /HEAD >

Ahora, agregue un selector que nombra la parte de la página de moldear. Un selector común es la propiedad del cuerpo porque controla toda la página. Introduzca el selector entre las etiquetas de estilo y añadir una apertura y cierre de soporte rizado después de la entrada. Por ejemplo:{cuerpo}

Estos soportes están listos para encajonar las reglas CSS asociadas.

Estilo de la fuente

Puede estilizar la fuente de la página de mascotas para que muestre un color diferente, tipo de fuente y tamaño.

Empezar por volver al selector de llamada "cuerpo" y coloque el cursor entre la apertura y cierre de llaves. Para cambiar el color de la fuente, escriba el atributo "color", seguir con dos puntos, escriba el nombre de la tonalidad (por ejemplo, azul) o utilice un valor hexadecimal y terminan con un punto y coma. Hexadecimals son números de seis dígitos precedidos por un signo de número que proporcionan un tono específico. Para ilustrar, para usar un tipo de color rojo oscuro lo siguiente:cuerpo {color: #480000;}

Continuar cambiando la cara de la fuente de la página añadiendo un "font-family:" entrada después de la regla de color. Por ejemplo, para cambiar el actual tipo "arial", introduzca lo siguiente:cuerpo {font-family: arial;}

A continuación, especificar el tamaño de la fuente mediante el "tamaño de fuente:" atributo después de las normas existentes. Las fuentes pueden introducirse puntos (pt) o píxeles (px) como en el ejemplo siguiente:cuerpo {font-size: 14px;}

Pasado, escuchar la página mascotas para asegurarse de que le gusta 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ás contento con el CSS, haga clic en el botón "Guardar cambios". De lo contrario, haga clic en el botón "Go Back" para rehacer cualquier estilo.