Il existe de nombreuses mises en page de sites Web disponibles en ligne. Ils sont pratiques à utiliser lorsqu'on n'a pas le temps d'écrire tout le code à partir de zéro. Il est beaucoup plus facile de modifier un modèle existant en modifiant sa conception. Ainsi, pour dessiner votre propre menu de site, vous devez effectuer plusieurs étapes.
Instructions
Étape 1
A titre d'exemple, le travail dans le système ucoz est considéré. La conception des différents éléments d'un site est souvent spécifiée à l'aide d'une feuille de style (CSS). Pour y accéder, connectez-vous au panneau de contrôle en utilisant un compte administrateur. Sur la page principale du panneau, sélectionnez la section "Design Management".
Étape 2
Dans la liste déroulante des pages modifiables, sélectionnez Feuille de style (CSS) dans la catégorie Modèles généraux. Regardez les informations écrites dans les lignes relatives à la conception générale (bloc Style général) et spécifiquement au menu (blocs avec le mot Menus dans leurs noms). Vous devez savoir quels paramètres sont définis pour la barre de menu: largeur, hauteur, arrière-plan du panneau et des boutons, images, etc.
Étape 3
Si les paramètres ne vous conviennent pas, remplacez-les par ceux dont vous avez besoin et enregistrez le modèle. Après cela, vous pouvez déjà démarrer l'éditeur graphique et, à l'aide des informations obtenues, dessiner vos propres boutons. Enregistrez-les et revenez sur le site. Dans le menu "Outils", sélectionnez l'élément "Gestionnaire de fichiers" ou cliquez sur le lien du même nom situé sous le bloc avec le code.
Étape 4
Téléchargez de nouveaux boutons sur le site (flèches directionnelles ou autres éléments graphiques que vous utiliserez dans le menu). Notez la valeur des boutons dans le code (par exemple, background: url ('https:// lien vers l'image depuis le gestionnaire de fichiers') no-repeat XXpx XXpx), définissez les paramètres d'alignement, position sur la page. Notez le style et la taille de la police pour les sections de menu (famille de polices et taille de police) et apportez les autres modifications dont vous avez besoin.
Étape 5
Cliquez sur le bouton "Enregistrer", attendez la notification que le modèle a été enregistré avec succès et ouvrez la page du site pour évaluer le résultat du travail effectué. Si vous n'êtes pas satisfait de quelque chose, vous pouvez annuler vos actions dans la fenêtre d'édition CSS en utilisant le bouton flèche gauche de la barre d'outils.
