Pour donner de l'individualité au site, le webmaster met en place un template original, car le design est le visage du site. Un grand nombre de mises en page peuvent être téléchargées sur Internet aujourd'hui et elles auront un aspect très agréable. En règle générale, les modèles copiés à partir du Web sont modifiés pour rendre le site unique.
Il est nécessaire
- - Visionneuse d'images;
- - FileZilla;
- - éditeur de texte Bloc-notes ++.
Instructions
Étape 1
Utilisez FileZilla pour afficher et modifier vos fichiers modèles. Avec son aide, vous pouvez travailler avec des fichiers de configuration en ligne. En règle générale, 3 fichiers sont traités pour modifier la conception du site: index.php, template.css et templateDetails.xml.
Étape 2
Le "header" du site est l'élément de page qui va de tout en haut jusqu'au début du contenu, d'où le nom. On l'appelle aussi un en-tête. En règle générale, seul le logo ou toute autre image (logo.jpg) doit être remplacé dans le "header" du site. L'emplacement du logo du site se trouve dans le fichier template.css. Ouvrez-le avec Notepad ++.
Étape 3
Pour rechercher une valeur, utilisez l'option "Rechercher élément": appuyez sur la combinaison de touches Ctrl + F et saisissez la valeur souhaitée dans le champ vide. Si vous souhaitez modifier la largeur ou la hauteur de l'image dans l'"en-tête", saisissez le mot en-tête dans la barre de recherche et appuyez sur la touche Entrée.
Étape 4
Sous le mot que vous recherchez, vous verrez les lignes: Hauteur (hauteur) et Largeur (largeur). Modifiez ces valeurs, puis appuyez sur Ctrl + S pour enregistrer vos modifications. Dans la boîte de dialogue FileZilla résultante, cliquez sur le bouton Oui.
Étape 5
Allez sur le site pour voir les changements. Si vous n'êtes pas satisfait d'eux, retournez au fichier et entrez les nouvelles valeurs.
Étape 6
Pour changer la taille et le nom de la police sur la page principale du site, utilisez la recherche. Tapez le corps du mot et appuyez sur la touche Entrée. Sous cet opérateur se trouvent les lignes font-family (nom) et font-size (taille ou point). Modifiez leurs valeurs, enregistrez vos modifications et accédez au site pour les afficher.
Étape 7
Pour modifier le mode d'affichage des liens, saisissez les valeurs a: lien (lien standard), a: visité (lien visité) et a: survol (lien actif) dans le formulaire de recherche. Appuyez sur Entrée pour rechercher ces éléments dans le fichier template.css.
Étape 8
Modifiez les paramètres de taille de police et de couleur. Après les avoir modifiés, vous remarquerez probablement que tous les liens n'ont pas acquis une couleur ou une taille de police différente. Dans ce cas, vous devez rechercher d'autres options de placement de liens. Par exemple, ceux qui sont restés inchangés sont situés dans le menu principal, vous devez donc rechercher un élément de consonne.
Étape 9
Recherchez le mot « principal » et appuyez sur Entrée. Très probablement, vous vous retrouverez à côté des éléments de lien left col link et left col current link, dont vous devez modifier la valeur. Après les avoir modifiés, enregistrez le résultat et accédez à la page du site, tous les liens de la page chargée devraient changer en externe.
