Comment convertir le HTML en CSS dans un thème Drupal
Inline CSS vous permet de créer des styles CSS dans votre code HTML. Lorsque vous créez votre thème Drupal , vous devez utiliser un CSS pour créer rapidement la mise en page , mais avant la distribution de votre thème , vous créez un fichier CSS séparé et déplacer les CSS en ligne dans les balises HTML vers un fichier CSS externe standard que vous utilisez pour inclure votre la disposition de thème . Instructions 1
clic droit sur le fichier HTML à thème et cliquez sur " Ouvrir avec". Cliquez sur votre éditeur HTML préféré pour ouvrir le code de thème dans votre éditeur . Cliquez sur le bouton "Démarrer " et tapez " notepad" dans la zone de texte de recherche et appuyez sur " Entrée". Maintenant vous avez votre thème HTML et une fenêtre du Bloc-notes séparée dans laquelle vous créez le fichier CSS.
2
recherchez la balise "body" . Cette balise contient les styles pour le contenu principal de la page. Les styles en ligne sont situés dans le "style" propriété de la balise . Vous voulez copier ce style et le placer dans le fichier CSS que vous créez. 3
Copiez la balise style de carrosserie à la fenêtre du Bloc-notes . Formater le style pour le fichier CSS. Le code suivant est un exemple de style CSS du corps formaté pour une feuille de style externe :
body { background-color : gray ;} 4
Continuez d'ajouter chacun de vos styles en ligne à partir de le fichier HTML dans le fichier CSS. Après avoir terminé la conversion , enregistrez le fichier de bloc-notes avec une extension CSS. Généralement, les développeurs enregistrer un fichier CSS comme " styles.css . " 5
lier la nouvelle feuille de style dans le fichier HTML pour le thème. Ajoutez le code suivant dans la section head du fichier HTML à appliquer le CSS dans le fichier HTML:
6
Enregistrez le fichier HTML et l'ouvrir dans votre navigateur Web pour tester les nouveaux styles CSS pour la mise en page eux .