Quelques modifications pour voir l'action des attributs CSS.

 

Exemple de présentation de la barre de menu, après ajout de certains attributs, dans "Modification directe du CSS", deuxième onglet du "DizPerso".

Chaque partie est repésentée par le tableau de l'assistant et la règle compléte utilisée pour réaliser la présentation de la "Barre" sur cette page.

Ceci devrait vous permettre de constater les nombreuses possibilités qui vous sont offertes par "DizPerso" vous apprendrez en douceur les rudiments du CSS.

J'ai mis dans les règles l'attribut pour mettre une image en fond de barre et de lien, pour créer une apparence "boutons", voir l'article suivant [lien].

 


Partie "Barre"

 

 

Partie "Barre > liste"

 

 

Partie "Barre > élements"

 

 

Partie "Barre > liens"

 

 

Partie "Barre > liens au survol"

 

 

Astuces...

Dans le cas où vous souhaiteriez supprimmer cette "Barre Menu", comme nous affichons que les liens avec l'attribut display:block; dans la règle #barre a , il suffit de mettre la valeur none à la place de block comme ceci : display: none;

 

A Voir...

Autre page dans DizTest à voir si vous ne l'avez pas encore consultée [lien]

Dans BRIC A BRAC également la barre apparence de boutons [lien1] [lien2]

 

Un site très utile Aidenet à consulter, 3 liens sur les attributs utilisés dans la page actuelle.

Propriétés des [bordures]

Propriétés des [marges internes]

Propriétés des [marges externes]



14-05-2008 | 3981 vues

Partager


Commentaires


angel02
site/blog
le 23-05-2008 à 20:46:34
Bonjour PapyClic,

J'ai bien regardé le schéma BARRE et j'aimerais avoir quelques explications: Marge intérieur gauche, droite et basse pourquoi tu as écrit "AUTO"!

Merci pour tes explications

Bonne journée
PapyClic
le 24-05-2008 à 12:03:50
Bonjour Angel

Dans la présentation de la "Barre" de cette page "auto", n'a aucune action, par contre quand une valeur est présente dans l'Assistant DizPerso, l'attribut reste dans le formulaire, ça évite de retourner dans le CSS direct pour remettre les lignes. C'est le premier article, il y aura une suite... patience.
Pour les marges, je suis entrain de faire une présentation, en attendant regardes les liens dans : "A Voir... "

Bonne continuation
Hardy-wwe
site/blog
le 04-04-2009 à 11:51:56
Alors Merci pour ton aide la dernière fois, j'ai une nouvelle question à te demander j'ai vu sur dertain blog (dont ton autre blog) que tu as modifier les lien et rajouter des chose dans la barre de menu comme tutorial etc... comment faire ?

Merci d'avance bonne journée
PapyClic
site/blog
04-04-2009 à 17:44:10
Bonjour Hardy
Je ne peux pas d'expliquer comment faire, vas sur BRICABRAC voir mes tutos(4) sur: Barre Plus
h t tp://bricabrac.blog4ever.com/blog/lirarticle-490-969211.html
Essaies de te débrouiller avec ça.
Bon WE
Khawla
site/blog
le 02-05-2009 à 22:23:46
Bonjour,
Je voudrais savoir comment ajouter une autre barre, par ex: il y a "Accueil" "Articles" "photos" "Forum" dans les barres, alors moi je voudrais ajouter un autre élement, est-il possible avec la version gratuite? Si oui, comment l'ajouter?
Merci,
Khawla.
PapyClic
site/blog
02-05-2009 à 22:45:25
Bonsoir Khawla
Désolé! en version gratuite, non, il faut l'accès aux bordures. Mais tu peux sur chaque article en haut mettre un bouton avec un lien.
Bonne soirée
khawla
site/blog
le 03-05-2009 à 14:07:33
C'est pas grave PapyClic, en tout cas je te remércie beaucoup pour tout ce que tu fais pour nous.
Au fait tu as dis ça: Mais tu peux sur chaque article en haut mettre un bouton avec un lien.
Ca m'interesse, mais je n'ai pas bien compris la phrase.
Merci,
Khawla.
PapyClic
site/blog
03-05-2009 à 18:05:53
Bonjour Khawla
Tu peux te servir de mon générateur de liens en mettant un image de bouton ou une autre, que tu trouveras sur Internet. Regardes dans les derniers articles, "Liste des générateurs" et tu ouvres le "Générateur de liens texte ou image", tu crées le liens avec image et tu colles le code généré, en haut des aricles dans le composeur en mode HTML.
Bonne continuation
Khawla
site/blog
le 12-06-2009 à 22:31:51
Bonsoir PapyClic,
Encore au sujet de la barre, pourrais-tu m'aider STP ? Voici mon problème:
J'aimerai changer la barre en image.
Mais je n'y arrive pas.
Si tu connais une astuce.
Mais je vais comme même chercher sur Bric à brac.
Merci d'avance.
Khawla.
Agathe
site/blog
le 22-11-2009 à 21:00:06
Bonsoir PaypyClic,

Ton blog est vraiment génial, je trouve. Mais, j'ai quand même un petit problème :

J'aimerais faire que les liens de la partie menu soient des coeurs, par exemple, avec écrit dessus "accueil", "articles", "photos" et "forum"

Merci de ta réponse papyclic (pou des vôtres !)
PapyClic
le 22-11-2009 à 21:36:03
Bonsoir Agathe
Il faut remplacer l'image actuelle dans la partie "Barre > liens" par une image de coeur mais à la taille de 120px * 35px, celle actuelle avec les papillons est trop grande.
Bonne soirée
Astrid
site/blog
le 10-12-2009 à 19:54:33
Bonsoir PapyClic, un super blog que celui-là et je viens le voir régulièrement depuis que je personnalise mon blog. Sauf que j'ai fait une bêtise et que je n'arrive pas à la rattraper. J'ai viré tous les codes pour la barre du menu. Là, j'ai remis ce que tu as écrit pour mettre des bouquins (en attendant) mais je n'ai pas tout. Où puis-je retrouver tout ça ???

De plus, d'autres petits soucis, comment puis-je te demander ou chercher ? (ici ce n'est peut-être pas le bon endroit) Merci d'avance !!!
Astrid
le 10-12-2009 à 20:52:29
>> Pas "bouquins" mais "boutons"... déformation professionnelle on va dire...
Astrid
le 10-12-2009 à 21:15:56
Bon, pour une fois, j'ai dû avoir de la chance... J'ai trouvé pour les boutons.
PapyClic
site/blog
10-12-2009 à 21:47:11
Bonsoir Astrid
Merci de venir sur mon blog, mais quand tu as besoin d'aide, les commentaires sont pas pratiques, il est préférable de poster sur le forum d'aide de Blog4ever, dans la catégorie "CSS et DizPerso", plusieurs blogueurs peuvent répondre et en principe c'est plus rapide.
Comme je vois que tu as réussi toutes seule c'est parfait.
A une autre occasion en espérant que je sois plus rapide. {;-(o))))
Edith
site/blog
le 17-03-2010 à 18:32:12
Bonsoir Papyclic,
j'ai suivi l'exemple de Cat, et grâce à tous tes conseils, j'ai réussi à modifier mon Css partie barre, sans faire de bêtises. (enfin tout semble marcher correctement).
Un grand merci pour tes explications claires et pédagogiques.
Ton blog va devenir mon livre de chevet !
A bientôt
Edith
coupie
site/blog
le 03-07-2010 à 19:59:26
Coucou Papyclic !
Grâce a ce tuto j'ai pu modifier certaines choses sur ma barre, mais je n'arrive pas à la centrer. Comment faire ?

Bonne journée,
coupie
PapyClic
site/blog
03-07-2010 à 21:11:31
Bonsoir coupie
Pour le centrage, tu rentres en modification directe du CSS, dans la règle #barre, tu rajoutes 2 lignes :
margin-left: auto;
margin-right: auto;

Bonne continuation
coupie
site/blog
le 04-07-2010 à 10:18:36
Bonjour !
Merci du conseil, mais j'ai rajouté ces 2 lignes, pourtant je n'ai pas vu d'amélioration...
Je dois avoir fait une erreur quelque part...

A bientôt
PapyClic
site/blog
04-07-2010 à 12:16:46
Bonjour coupie
Tu avais mis les 2 lignes dans la règle #barre a et moi j'ai écrit #barre.
Donc comme je suis rentré dans ta gestion, je me suis servi d'une autre astuce pour centrer la liste des liens de la barre.
Regardes ton CSS, j'ai supprimé les "disc" qui n'ont pas d'utilité dans une liste en ligne, mais tu peux les remettre. Tu peux enlever également ce que j'ai mis en commentaire /* */.
Bonne continuation
coupie
site/blog
le 05-07-2010 à 21:41:24
Coucou !
Merci beaucoup !
J'ai du mal à comprendre le CSS...
Tous ces codes restent en partie incompréhensibles pour moi ! xD

A bientôt !
coupie
cyrene
site/blog
le 24-07-2010 à 22:38:03
Hello
J'ai passé l'après-midi à essayer de center ma barre de menu sur un blog test, sans résultat, je désespère...Peut-tu regarder et m'aider s'il te plait, j'ai vraiment du mal avec le dizzperso...Je suis en version gold...
J'aimerais que les liens de ma barre soient séparés et centrés...Comment faire ?...(J'ai 63 ans et je suis novice en informatique...C'est pas facile...
Merci infiniment PapyClic...
Cordialement...Cyrene
PapyClic
site/blog
24-07-2010 à 23:21:08
Bonsoir Cyrène as-tu regardé ce que j'ai fait sur ton blog "cyrene", la barre est centrée, sur ton blog test, tu fais pareil.
La barre contient 3 liens(#barre a), leur largeur est 100px, ils ont une marge extérieure gauche de 2px et une bordure de 1px, donc ta barre fera une largeur représentant les 3 liens, soit :
100px + 2px(marge) + 1px(bord. gauche) + 1px(bord.droite) = 104px X par le nombre de liens 3 = 312px.
Si tu mets des marges plus grandes entre les liens, il faudra augmenter la largeur de la barre.
Je vais te faire l'exemple dans ton blog test.
Bonne suite
Kilanoe
site/blog
le 03-09-2011 à 12:04:14
Bonjour PapyClic, cela fait un petit bout de temps que j'éssaye de centrer la barre, heu non, elle est centrer. Mais j'éssaye de l'aligner. J'arive à l'aligner mais que si => barre lien => largeur => est en dessous de 50px, moi j'aimerais mettre une largeur à environ 150px pour que l'on puisse voir l'image en entiere. Tu as compris ce que j'ai dis ?
Merci, bonne journée.
PapyClic
le 03-09-2011 à 12:36:39
Bonjour Kilanoe
Il est plus facile de te répondre sur le forum d'aide de Blog4ever pour ce genre de dépannage.
Mais avant regarde bien la taille de ton image 128x128, les dimensions de #barre a sont trop petites pour contenir l'image.
Après regarde l'outil "Centrage du menu barre" car la largeur de #barre ul est trop petite.
Avec ces renseignements tu devrais réussir ta présentation.
Bonne continuation.
Kilanoe
site/blog
le 03-09-2011 à 12:49:09
Merci beaucoup !
Oui, en general je post au forum, même si c'est rare, en tout cas, je vais manger etc... J'éssayerais plus tard !
Encore merci de ton aide!
Au revoir =)
Kilanoe
site/blog
le 03-09-2011 à 21:55:55
Bonjour !
Au début je n'avais pas trop compris ce que tu avais dit, puis finalement, je me suis aidé de ets articles surtout celui pourcentrer la barre il m'a bien aidé !
Donc je te remerci pour tout, j'y suis enfin arivé, rire, je n'aurais pas su le faire sans !
HI hi je suis trop contente mdr
bon maintenant je ne te dérange plus,
Bonne soirée
PapyClic
le 03-09-2011 à 23:01:59
Bonsoir Kilanoe
J'ai rectifié quelques petites erreurs, regarde dans les tableaux du DizPerso.
Bonne continuation
Mounette
site/blog
le 02-10-2011 à 08:10:50
Bonjour, Merci beaucoup pour la multitude de conseil que l'on peut trouver sur ce site. Bravo! CG7
monyka
site/blog
le 16-10-2011 à 21:09:04
bonjour , comment créer une 3ème colonne de menu ,
pour ne pas tout mélanger. svp
autre soucis avec la musique , j'ai essayé pendans des heures,
d'enlever le pavé blanc qui appraraît , mais en vais ! j'ai al musique avec ce pavé flottant, bisous , à plus
Poster un commentaire
Merci de recopier le nombre de gauche dans la case ci-dessous (Pourquoi?)

Liens

Voir les articles de la catégorie " Barre de Menu "
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