Il n'est pas difficile de nos jours de créer votre propre site web, même si vous n'avez pas de connaissances spécifiques dans le domaine de la conception et de la programmation web. A tout moment, vous pouvez utiliser la masse de différents modèles publiés sur Internet, et sur la base de modèles prêts à l'emploi, créer et publier votre site Web sur le réseau. Cependant, tout le monde n'est pas entièrement satisfait de la version du site proposée par le modèle. Nous vous expliquerons comment modifier le modèle de site et le rendre unique dans cet article.
Instructions
Étape 1
Téléchargez le modèle et recherchez-y le fichier style.css. Généralement, ce fichier se trouve dans le dossier public_html.
Étape 2
Ouvrez le fichier style.css dans le bloc-notes et recherchez l'extrait de code responsable de l'apparence du haut du site. Cet extrait ressemble à ceci:
#logotype {
arrière-plan: url (images / logotype.png) sans répétition centre gauche #fff;
largeur: 230 pixels;
hauteur: 60px;
marge: 10px 25px;
position: relative;
Étape 3
Dans ce code, en arrière-plan: ligne url, il faut préciser le chemin d'accès à l'image de fond du futur site. Les lignes suivantes indiquent la longueur et la hauteur de l'image, et l'élément de marge définit l'indentation verticale et horizontale de l'image.
Étape 4
Recherchez le fichier logotype.png
Étape 5
Téléchargez l'image d'arrière-plan dans le dossier public_html / tmpl / template_name / Images /, après quoi, comme mentionné ci-dessus, écrivez le chemin d'accès à l'image en arrière-plan: ligne url.
Étape 6
Si nécessaire, réécrivez les paramètres de hauteur, de longueur et de décalage de l'image. La position: la ligne relative peut être laissée seule. Enregistrez les modifications apportées au fichier et téléchargez-le sur le serveur au lieu de l'ancien fichier modèle.
Étape 7
Si vous souhaitez modifier le logo du site de pied de page, recherchez dans style.css l'extrait de code qui commence par les mots logotype-footer. Enregistrez l'image avec le nouveau logo et téléchargez-la dans le dossier Images du modèle.
Étape 8
Modifiez les paramètres de longueur et de hauteur. Enregistrez à nouveau le fichier style.css et téléchargez le site mis à jour sur le serveur.
