Comment Personnaliser Le Menu Du Site

Table des matières:

Comment Personnaliser Le Menu Du Site
Comment Personnaliser Le Menu Du Site

Vidéo: Comment Personnaliser Le Menu Du Site

Vidéo: Comment Personnaliser Le Menu Du Site
Vidéo: Comment créer un bon MENU sur son site WordPress ? 2024, Peut
Anonim

Ucoz est un système de gestion de site Web populaire. Avec son aide, vous pouvez personnaliser chaque élément de votre propre ressource et créer un design de page unique. Le menu est l'un des éléments principaux de tout site, car c'est à travers lui que l'utilisateur navigue dans votre ressource.

Comment personnaliser le menu du site
Comment personnaliser le menu du site

Instructions

Étape 1

Vous pouvez utiliser les commandes du constructeur de site pour personnaliser le menu dans Ucoz. Ainsi, vous pouvez modifier la couleur d'arrière-plan du modèle sélectionné, la couleur des liens et du texte dans les blocs de menu. L'édition de tous les éléments se fait via le menu du concepteur "Design" - "Design Management (CSS)".

Étape 2

Cela ouvrira une feuille de style CSS, c'est-à-dire le modèle sur la base duquel les éléments d'interface sont affichés. Recherchez la ligne navBar dans le code affiché et modifiez-la comme bon vous semble. Par exemple:

#navBar {remplissage: 4px; arrière-plan: # 959595; débordement: automatique; La couleur rouge; }

Étape 3

Ce code définit l'indentation du texte à partir des bordures du bloc créé de 4 pixels, tandis que le fond du menu acquiert la valeur #959595, qui correspond à une certaine couleur au format HTML. Le paramètre overflow: auto est utilisé pour définir l'affichage du contenu qui ne rentre pas dans la zone spécifiée. Ce paramètre ne doit pas être modifié sans nécessité particulière. L'option de couleur définit les éléments de contenu du bloc en rouge.

Étape 4

Pour éditer les paramètres d'un lien, vous pouvez également utiliser les options qui se trouvent dans le même bloc de code. Modifiez le #navBar a: lien (lien normal), a: actif (couleur du lien après avoir cliqué), a: visité (lien visité) et a: survol (couleur du lien après survol) à votre convenance. Modifiez la couleur de l'attribut color et modifiez le paramètre text-decoration, qui définit les attributs du texte. Les valeurs de cette option peuvent être soulignées, clignotantes, linéaires, surlignées.

Étape 5

Après l'édition, cliquez sur le bouton "Enregistrer". De la même manière, modifiez les lignes.subColumn (arrière-plan pour afficher les éléments de menu verticaux),.boxTable (titres des blocs de menu),.boxContent (contenu des listes de liens de menu),.uMenuV (éléments de menu vertical) à votre convenance. Vous pouvez supprimer les paramètres inutiles et insérer votre propre code CSS, ainsi que modifier les couleurs d'autres éléments de la conception.

Étape 6

Enregistrez les modifications et affichez le résultat en accédant à la page de votre site Web. L'édition des éléments du menu Ucoz est terminée.

Conseillé: