Personnaliser le header du thème (Créer un compte)

  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #453833
    Lowett
    Membre
    Initié WordPress
    38 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.2
    – Thème utilisé : Beautiful Day
    – Plugins en place :
    – Nom de l’hebergeur : olympe-network
    – Adresse du site : http://burtoniens.o-n.fr/blog

    Problème(s) rencontré(s) :

    Bonjour,
    Je suis une grande débutante et j’ai trouvé un thème qui me plait mais que j’aimerais « personnaliser » un peu… A savoir qu’il comporte des onglets sur le haut et j’aimerais les configurer.
    Cependant, je ne sais pas où aller pour ça, ni ce que je dois mettre…

    Quelqu’un peut m’aider ?

    Merci d’avance 🙂

    #608721
    Fleuretta
    Participant
    Maître WordPress
    512 contributions

    Salut Lowett

    Un p’tit truc pour voir ce qui est appliqué comme css est de faire click droit et regarder le code source.

    Concernant tes onglets du haut c’est la class navigation donc c’est dans ce code que tu dois faire le changement que tu veux.

    /* navigation */
    .navigation {
    border-left:1px solid #CFDEE7; border-right:1px solid #CFDEE7; border-top:1px solid #DFEEF7; border-bottom:1px solid #DFEEF7; background:#D9E1E5 url(‘img/nav.gif’); height: 41px
    }
    .navigation a {
    background: #D9E1E5 url(‘img/nav.gif’);
    border-right: 1px solid #AFBEC7;
    color: #456;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.1em; font-family:sans-serif; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0
    }
    .navigation a:hover {background-position: left bottom; color: #234;}

    Un autre petit truc… avant de faire tes changements et au lieu d’effacer ce qui est là, mets un /* avant la ligne de code que tu veux modifier et un */ à la fin. Ta ligne de code va devenir grisé et ne sera pas pris en compte.
    Fais une nouvelle ligne de code avec ce que tu veux dedans et tu regardes le résultat. En gardant ta ligne de code d’origine avec des /* */ cela te permets de voir ce qui a été fait et de reproduire certaines choses que tu aimes. Si tu l’effaces pour mettre une nouvelle ligne tu ne pourras plus t’y référer.

    Bonne journée

    #608722
    Lowett
    Membre
    Initié WordPress
    38 contributions

    Ah oki pas mal le conseil des /* 🙂

    J’ai trouvé le code que je pense devoir modifier.

    Ce que je voudrais c’est enlever le About, Enlever le Blog … Et faire que quand on clique sur « contact » on peut m’envoyer un mail et que quand on clique sur « photo » on arrive sur ma galerie photo internet (donc je voudrais mettre un lien)

    Je ne sais pas trop quel code mettre pour que ça fasse ça …

    EDIT: j’ai trouvé … C’est moi qui avait mal regardé j’avais pas vu les ptit «  » pour qu’on puisse mettre qqch dedans…

    C’est résolu =)

    #608723
    Fleuretta
    Participant
    Maître WordPress
    512 contributions

    Je viens de regarder et cliquer et tu as tout réussi.

    #608724
    labidouille
    Membre
    Initié WordPress
    14 contributions

    J’ai pour ma part placé :
    <div id="header" onclick="location.href='’; » style= »cursor: pointer; »>
    dans header.php

    Ma bannière devient cliquable, mais le header s’est disgrâcieusement d’calé d’un chouilla sur la gauche. Que faire ?

    Ci-joint le code :

    <html xmlns="http://www.w3.org/1999/xhtml&quot; >

    <meta http-equiv="Content-Type" content="; charset= » />
    » Archive du blog
    <meta name="generator" content="WordPress  » />
    <link rel="stylesheet" href=" » type= »text/css » media= »screen » />
    <link rel="alternate" type="application/rss+xml" title=" RSS Feed » href= » » />
    <link rel="pingback" href=" » />

    <?php // Controle si la sidebar est présente ou pas.
    if ( !$withcomments && !is_single() ) {
    ?>
    #page { background: url(« /images/kubrickbg-.jpg ») repeat-y top; border: none; }

    #page { background: url(« /images/kubrickbgwide.jpg ») repeat-y top; border: none; }


    #608725
    Many
    Participant
    Maître WordPress
    1485 contributions

    Apparemment il s’agit du thème par défaut. Il est normal que tu aies un décalage, tu a une redondance. Regardes bien ce que tu as inséré :

    <div id="header">
    <div id="header" onclick="location.href='’; » style= »cursor: pointer; »>

    <h1><a href="/ »></a></h1>

    <div class="description">

    Pourquoi ça décale ?

    Si tu regarde dans ton fichier de style la partie correspondant à l’ID #header, tu verras qu’il y a une légère marge (margin).

    Un ID doit être unique à un div, sinon on parle de class (ex :

    )

    Donc si tu réinsère le même div avec le même ID, la marge sera ré-interprétée, d’où le décalage.

    Donc la solution est ?

    Oui, retirer un des div, qui est inutile et n’avoir que ceci :

    <div id="header" onclick="location.href='’; » style= »cursor: pointer; »>

    <h1><a href="/ »></a></h1>

    <div class="description">

    #608726
    labidouille
    Membre
    Initié WordPress
    14 contributions

    Exact ! Problème de décalage résolu. Merci.

7 sujets de 1 à 7 (sur un total de 7)
  • Vous devez être connecté pour répondre à ce sujet.