Cómo convertir HTML a CSS en un tema Drupal

CSS en línea le permite crear estilos CSS en el código HTML. Al crear su tema Drupal, se utiliza CSS en línea para crear rápidamente el diseño, pero antes de la distribución de su tema, se crea un archivo CSS independiente y mueve el CSS en línea en las etiquetas HTML en un archivo CSS externo estándar que se utiliza para incluir su diseño de tema.

Instrucciones

1 Haga clic en el archivo de tema HTML y haga clic en "Abrir con". Haga clic en el editor de HTML preferido para abrir el código de tema en su editor. Haga clic en el botón "Inicio" de Windows y escriba "notepad" en el cuadro de texto de búsqueda y presiona "Enter". Ahora usted tiene su tema HTML y una ventana separada Bloc de notas en el que se crea el archivo CSS.

2 Busque la etiqueta de "cuerpo". Esta etiqueta contiene los estilos para el contenido principal de la página. Los estilos en línea se encuentran en la propiedad "estilo" de la etiqueta. Que desea copiar este estilo y lo coloca en el archivo CSS se crea.

3 Copiar la etiqueta de estilo cuerpo a la ventana Bloc de notas. Formatear el estilo para el archivo CSS. El código siguiente es un ejemplo de un estilo CSS cuerpo con formato de una hoja de estilo externa:

cuerpo
{
background-color: gris;
}

4 Continuar añadiendo cada uno de sus estilos en línea desde el archivo HTML en el archivo CSS. Después de completar la conversión, guardar el archivo de Bloc de notas con una extensión de CSS. Por lo general, los desarrolladores de guardar un archivo CSS como "styles.css."

5 Vincular la nueva hoja de estilo dentro del archivo HTML para el tema. Agregue el código siguiente en la sección de cabecera del archivo HTML para aplicar el CSS para el archivo HTML:

<Link rel = "stylesheet" type = "text / css" href = "styles.css" />

6 Guarde el archivo HTML y abrirlo en el navegador de Internet para poner a prueba los nuevos estilos CSS para el diseño de ellos.