Besoin d'aide ? Vous pouvez Consulter le Support ou


Modifier la hauteur du titre et du menu

  1. Bonjour,
    Je suis l'administrateur de http://alternativeslibresblog.wordpress.com/
    J'aimerais pouvoir arranger mon en-tête (avec le titre simplement ici) et mon menu, afin d'optimiser la visualisation de la page principale.
    Quelqu'un saurait me conseiller pour modifier la hauteur de page que prends mon titre et mon menu déroulant ?
    Je peux modifier mon CSS, j'ai souscris à l'option custom design.

    P.S. J'ai déjà ajouté ça à mon design personnalisé :

    .container {
    position:relative;
    }

    #header {
    position:fixed;
    }

    .main,#sidebar {
    margin-top:145px;
    }

    ... pour rendre mon haut de page immobile et donc toujours accessible.

    L'adresse du blog concerné est alternativeslibresblog.wordpress.com.

  2. Pardon mais personne pour m'aider ?

    Je cherchais aussi à fixer la bande de droite avec les liens, la barre de recherche et l'inscription à la newsletter...

    Si vous avez besoin de précisions, n'hésitez bien sûr pas à me demander !

  3. Bonsoir,
    Je ne peux pas vous aider, je n'y connais rien en css, désolée.

  4. Bonsoir,

    Je planche sur votre question, et je reconnais qu'elle me donne du fil à retordre.
    Mais je regarde....

    Oui, quelques précisions ne seraient pas de refus :
    - Pouvez-vous confirmer que ce que vous cherchez à faire est de réduire la hauteur de l'ensemble en-tête+menu ?
    - Qu'entendez-vous par "haut de page immobile et donc toujours accessible. " ? Normalement, l'en-tête et le menu figurent sur votre blog, quelle que soit la page consultée, et je ne crois pas que vous puissiez les supprimer (c'est de l'ordre du php, non-accessible ici)
    - Qu'entendez-vous par "fixer la bande de droite" ? Lui donner une largeur fixe ?

    Aussi, pouvez-vous nous donner l'ensemble des modifications apportées ?
    En visualisant votre blog, il me semble que vous avez modifié la CSS au-delà des points que vous avez mentionnés (il y a notamment un décalage d'alignement entre l'en-tête et la "bande de droite" que je ne voyais pas hier et qui ne se correspond pas aux modifications que vous signalez)

    Je poursuis mes essais, mais ne pourrai pas vous apporter une réponse rapide...

    maltepe

  5. - Pouvez-vous confirmer que ce que vous cherchez à faire est de réduire la hauteur de l'ensemble en-tête+menu ?

    Tout-à-fait. J'aimerais que le titre et les menus déroulants soient au plus haut de la page, afin de pouvoir visualiser plus d'informations de la page principale. Le titre et le menu n'ont pas besoin "d'envahir" la page...

    - Qu'entendez-vous par "haut de page immobile et donc toujours accessible. " ? Normalement, l'en-tête et le menu figurent sur votre blog, quelle que soit la page consultée, et je ne crois pas que vous puissiez les supprimer (c'est de l'ordre du php, non-accessible ici)
    - Qu'entendez-vous par "fixer la bande de droite" ? Lui donner une largeur fixe ?

    Ca, pour ma part, c'est réglé... Une aide m'a été donnée. Je voulais qu'en allant vers le bas de page (une grande page genre construction paille), le menu soit toujours accessible, même en étant en bas de page.
    http://en.forums.wordpress.com/topic/keep-header-at-top-while-scrolling?replies=10#post-787208
    Pour le volet de droite, j'ai trouvé moi-même en bidouillant le code CSS (j'ai l'option CSS design). Je voulait qu'il soit, comme le titre et le menu déroulant, fixe, même en allant en bas de page (pour garder les liens visibles).

  6. P.S. Je viens de constater que pour internet explorer, mon en-tête et mon bloc de gauche ne se mettent pas du tout là où il faut... alors que pour firefox ça marche nickel...

  7. Bonsoir,

    Ce que vous demandez est possible ; je disais que cela donnait du fil à retordre parce qu'il faut intervenir et modifier beaucoup d'éléments, à savoir les hauteurs et les marges de l'en-tête, du titre, du menu, de la colonne de droite.

    Je vous transmets ce que j'ai essayé, en vous prévenant d'emblée que ce n'est pas complètement satisfaisant en l'état (un aperçu ici), mais je manque de temps pour essayer les corrections. Ce week-end, peut-être.
    Au préalable, faites une copie de votre CSS modifiée, pour pouvoir y revenir facilement.

    Je suis partie sur une base d'un espace en-tête + menu d'une hauteur de 80 px.

    Voici les endroits où j'ai apporté des modifications :

    #header {
    height: 80px;
    }

    #header-inner {
    height: 40px;
    }

    #title {
    margin-bottom: -30px;
    }

    #nav, div.menu ul {
    height: 40px;}

    #title h1 a {
    line-height: 5px;
    padding-top: 10px;
    }

    .main, #sidebar {
    margin-top: 100px;
    }

    Je pense n'avoir rien oublié, mais encore une fois, faites une sauvegarde avant vos essais. Et je ne suis pas vraiment certaine que ce soit "propre" au niveau du code....

    Enfin, comme vous le voyez sur la capture, la colonne de droite est décalée (je suis sous firefox) ; je pense, sas avoir regardé de près, que vous avez attribué des largeurs en valeur absolue (px) plutôt qu'en valeur relative (%)
    Je regarderai à l'occasion.

    Belle soirée,

    maltepe

  8. http://alternativeslibresblog.wordpress.com/

    Bon bah au final j'ai tripatouiller ça dans tous les sens, j'ai fait à l'instinct, et ça donne un truc qui se rapproche pas mal de c'que j'avais en tête ! Manque deux ou trois réglages encore. D'ailleurs, personne pourrait m'indiquer un endroit où on a accès aux débuts de code css du genre .titleh1{.... ou #primary .... ???

    En tout cas mersi pour ton investissement emmaltep ! C'est vraiment cool de consacrer du temps aux gens !

    Aller, pour te faire rire du comment c'est fait mon bricolage, voici le code :

    .container {
    position:relative;
    }

    #header {
    position:fixed;
    height:0;
    }

    .main,#sidebar {
    margin-top:70px;
    }

    .primary,#sidebar {
    position:fixed;
    top:12%;
    right:0;
    }

    #header-inner {
    right:0;
    }

    #title {
    margin-bottom:-30px;
    }

    #nav,div.menu ul {
    height:0;
    }

    #title h1 a {
    color:#684705;
    line-height:5px;
    padding-top:10px;
    }

    #title h6 a {
    color:#684705;
    }

    Bon le dernier block, en fait je cherche à changer la couleur des menus déroulants... mais j'ai pas trouvé ;o)

Le sujet est fermé.

Ce sujet est fermé.

A propos de ce Sujet

Tags