“Conocimientos software>Drupal

Cómo convertir HTML a CSS en un tema de Drupal

2016/5/15
Inline CSS permite crear estilos CSS en el código HTML. Al crear su tema de Drupal, utiliza CSS en línea para crear rápidamente el diseño, pero antes de distribuir su tema , se crea un archivo CSS independiente y mover la 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 HTML tema y haga clic en " Abrir con". Haga clic en su editor HTML preferido para abrir el código de tema para el 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 que tenemos un tema de HTML y una ventana de Bloc de notas por separado en el que se crea el archivo CSS.

2

busque la etiqueta "body" . 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 . ¿Quieres copiar este estilo y lo coloca en el archivo CSS que cree.
3

Copiar la etiqueta estilo de la carrocería de la ventana Bloc de notas. Dar formato al estilo del archivo CSS. El código siguiente es un ejemplo de un estilo CSS cuerpo formateado para una hoja de estilos externa :

body { background-color : gris ;}
4

Continuar agregando cada uno de sus estilos en línea de el archivo HTML en el archivo CSS. Una vez finalizada la conversión , guarde 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

Enlace la nueva hoja de estilos dentro del archivo HTML para el tema. Agregue el código siguiente en la sección principal del archivo HTML para aplicar la CSS en el archivo HTML:


6

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

Drupal
¿Cómo subir un audio en Drupal
Cómo limitar la longitud Título para el tipo de contenido en Drupal
Cómo ejecutar Drupal desde una dirección IP
El significado de Drupal Resumen
Cómo editar Mi Userpoints página con Drupal
Cómo convertir Blogger para Drupal
Cómo subir una imagen con Drupal Form API
Cómo personalizar el aspecto de un calendario de Google en un sitio de Drupal
Conocimientos Informáticos © http://www.ordenador.online