• Résolu Ajout de boutons dans le header


    Samedi 12 Décembre 2015 à 23:10
    Marc81

    Bonsoir.
    Je précise d'emblée que j'ai consulté les différents sujets des forums, mais sans trouver la réponse à ma question.

    J'aimerais ajouter des boutons (image associée à un lien) dans le header de mon blog... mais sans passer par le menu de l'en-tête. Ce que je veux dire, c'est que j'ai les différents liens du menu de l'en-tête qui sont correctement positionnés, et que je souhaite positionner d'autres liens/boutons (qui n'ont rien à voir avec le menu) ailleurs dans le header. Je ne sais pas si je suis clair...
    J'imagine qu'il faut passer par du CSS, mais après...


    D'avance merci de vos suggestions.

    Dimanche 13 Décembre 2015 à 00:38
    midori-nor

    Bonsoir,il est possible de mettre tes images associées à un lien dans un module simple  que l'on  peut rendre invisible et placer  dans le header grâce à du css. C'est la manière dont j'ai procédé pour insérer mes boutons de réseaux sociaux sur mon blog de dessin (sauf que moi ils sont placés à coté du header).

    Dimanche 13 Décembre 2015 à 00:43
    Marc81

    Bonsoir midori-nor. Je viens de regarder sur ton site : c'est exactement ce que je souhaite faire. Peux-tu me préciser la marche à suivre (et notamment le code CSS requis) ? D'avance merci.

    Dimanche 13 Décembre 2015 à 00:53
    midori-nor

    Sur le quel de tes blog tu veux installer ces boutons ? Pour déterminer quel code css il faut pour rendre le module simple invisible. Il faut plusieurs codes css  pour mettre ça en place ;). 

    Dimanche 13 Décembre 2015 à 12:02
    Marc81

    En fait, je suis en train de réfléchir à l'optimisation du design d'un de mes blogs, en faisant des essais sur un blog test. Mais rien n'est encore arrêté. Donc le plus simple serait sans doute de me communiquer un premier jeu de codes, afin que je puisse voir comment cela fonctionne (quitte à en changer par la suite, si besoin). D'avance merci

    Dimanche 13 Décembre 2015 à 16:28
    midori-nor

    Désolée de répondre que maintenant , je m'étais absentée.

    voici le code pour rendre "invisible" le module 

    #module_menu143577360 .module_menu_titre {display:none;}

    En rouge c'est le numéro du module qu'il te faudra changer (chaque module en à un) pour  le trouver  voici un petit tuto animé de Mike GMZ qui te sera utile : http://papyrocktest.eklablog.com/trouver-le-n-identifiant-module-menu-a106413078

    Et voici le second code pour placer le module où tu veux : 

    #module_menu142161724{positionabsolute;
                    top: XXpx;
                      margin-left: XXpx;}

    En rouge toujours le numéro du module à changer.  Et remplacer les XX par les nombres que tu veux afin de le positionner (ex: top:80px)

    Si tu as un soucis n'hésites pas à demander. 

    Dimanche 13 Décembre 2015 à 21:41
    Marc81

    Merci beaucoup midori-nor, c'est exactement l'aide dont j'avais besoin cool




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.