Partie "Menu"


En bleu sur l'image

 

Partie "Menu"

 

Code CSS de cette partie

 


 

Partie "Menu > liste"

 

Code CSS de cette partie

 


 

Partie "Menu > élements de la liste"

 

Code CSS de cette partie

 


 

Partie "Menu > liens"

 

Code CSS de cette partie

 


 

Partie "Menu > liens au survol"

 

Code CSS de cette partie

 


 

Partie "Menu > titres"

 

Code CSS de cette partie



Astuces

 

  1. L'attribut "line-height" dans la "Partie Menu > liens", est en rouge car vous ne le verrez pas dans l'assistant. Son rôle est important, il règle la hauteur de ligne des liens du menu, mais si vous souhaitez la modifier, il faudra passer par "Modification direct du CSS"

  2. Si vous souhaitez mettre un espace entre les modules du menu de gauche, il faut rajouter l'attribut "margin-top" de la Partie "Menu > titres" dans "Modification directe du CSS, comme ci-dessus en vert et par la suite vous pourrez modifier la valeur dans l'assistant.

 

Liste des Astuces

 

 



06-05-2008 | 2898 vues

Partager


Commentaires


kariboyz
le 02-02-2009 à 22:25:54
Bonsoir, comment centrer les titres de chaque rubrique ? Les miens sont trop près du bord gauche. Merci.
Emmanuel4
site/blog
le 09-05-2009 à 18:28:01
Bonjour,
J'ai mis votre site DizTest en favori pour l'utiliser au maximum. Je recherche à supprimer les modules dans le menu à gauche et de les avoir exclusivement dans la barre. Je n'ai pas trouvé. Pouvez- vous m'éguiller ?
Merci
PapyClic
site/blog
09-05-2009 à 22:02:00
Bonsoir Emmanuel4
Merci d'apprécier mon blog et de le visiter souvent.
Pour que le menu de gauche ne s'affiche plus, il faut ouvrir le Diz Perso en modification directe et dans la règle #menu ajouter cette ligne display : none;
Toute la colonne ne s'affichera plus.
Bonne soirée
Emmanuel4
site/blog
le 11-05-2009 à 09:50:48
Super PapyClic et merci.
Je construit mon site orienté sur les photos et j'ai beaucoup d'améliorations à y apporter. Je me servirai de tes sites explicatifs et te ferais appel quand je ne trouverai pas la solution.
PapyClic
site/blog
11-05-2009 à 11:03:15
Bonjour Emmanuel4
Sur ton blog si les traits de séparation te gênent, en version payante avec l'accès aux bordures tu peux y mettre :
<style type="text/css">
hr{display:none;}
</style>
Sur ton fond de page ces traits sont disgracieux, c'est mon avis. Je reviendrai sur ton blog, j'aime beaucoup les photos et il y a tellement de belles choses en France à photographier.
Bonne journée
Nanodu36
site/blog
le 19-05-2009 à 11:40:40
Bonjour,
Un salut à vous toutes et tous.
J'ai grace a vos explications mettre,un texte deroulant sur mon site "Les 3 Horloges".
Cela fonctionne parfaitement,Merci.
Par contre,je n'arrive pas à insérer une image de fond malgré mes nombreuses tentatives.
Je suis surement rouillé....
Enfin comment remettre la visibilite de mon texte sur la partie "Bas à gauche" de ma page, elle est peu visible à partir de Newsletter.Encore merci de votre gentillesse.
Nanodu36
PapyClic
site/blog
19-05-2009 à 16:41:09
Bonjour Nanodu36

Pour l'image en fond de message défilant :
Ta page d'accueil en mode HTML, tu insères le code pour l'image dans la balise DIV avant PADDING...
<DIV style="background-image:url(adresse image); PADDING-BOTTOM: 10px;....et la suite............

Si c'est une petite image, il faut ajouter repeat aprés la dernière paranthèse avec un espace entre et après ne pas oublier le ;

Pour le bas du menu c'est couleur du texte dans les parties "Page" ou "Menu" (ajouter en direct color) qui changera le bas de la colonne.
Dans la partie "Bas" la couleur des liens est gérée par les valeurs mises dans partie "Page > liens" et "Page >liens au survol".

Bonne continuation
Sasha'
site/blog
le 04-02-2010 à 14:55:37
Bonjour,

j'aimerais mettre une image en fond des titres, a la place d'une couleur comme je doit faire actuellement. Est-ce possible?

Je suppose que ça doit être possible via le CSS, mais je ne sais pas comment faire. Enfin je veux dire je ne sais pas ce qu'il faut modifier pour faire ça.
Poster un commentaire
Merci de recopier le nombre de gauche dans la case ci-dessous (Pourquoi?)

Liens

Voir les articles de la catégorie " Assistant & CSS "
Imprimer cet article

Vous recherchez ? :

Recommander ce blog | Contacter l'auteur | Reporter un abus | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs