Nouvel utilisateur, et quelques questions, forcément. (Créer un compte)

  • Statut : non résolu
  • Ce sujet contient 6 réponses, 3 participants et a été mis à jour pour la dernière fois par dean, le il y a 18 années.
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #448128
    Tchey
    Membre
    Initié WordPress
    17 contributions

    Bonjour, je suis nouveau et je découvre WordPress. Jamais fait de « vrai » blog avant, mais le principe titille ma curiosité aussi je m’y suis mis voilà quelques heures.

    J’ai un petit site en xHTML et CSS mais je m’y connais peu au final. J’ai un soucis avec le thème que j’utilise, le menu sur la gauche passe automatiquement en minuscule. Je souhaite avoir quelque chose de « normal » qui me laisse choisir. En fouillant un peu j’ai trouvé des lignes « text transform » que j’ai d’abord modifié par « none » puis supprimé, en vain. Je suis un peu perdu avec toutes ces lignes de code que je ne comprends que partiellement.

    Ensuite, j’aime bien ce thème, mais il est trop « étroit ». Est-il possible de l’étirer un peu, et comment ? Je souhaite que le cadre de gauche soit assez large pour que les titres du menu tiennent sur une seule ligne (comme pour « Boiling Point : Road to Hell » qui est trop long), et agrandir légèrement le cadre de droite pour avoir plus de « place » pour écrire (avoir une page moins longue au final). J’sais pas si je suis bien clair, vous me direz ^^

    Enfin, est-il possible d’ajouter des petits liens discrèts tout en haut de la page, dans l’en-tête gris, qui renverraient sur les autres parties de mon site (l’accueil CreaTchey et le forum) ?

    Si vous pouviez m’aider…

    L’adresse du futur blog, pour que vous visualisiez la chose : http://creatchey.org/blog/

    Merci à vous =)

    #576913
    dean
    Participant
    Chevalier WordPress
    487 contributions
    ( Tchey ) wrote:
    En fouillant un peu j’ai trouvé des lignes « text transform » que j’ai d’abord modifié par « none » puis supprimé

    la propriété text-transform du css est la capitalisation du texte, tu as donc bien trouvé, il faut bien réactualiser ta page pour que ça prenne effet, Ctrl + F5 pour Firefox et Ie

    pour la taille de ta page, il faut que je regardes ton thème et le fichier css correspondant…

    pour les liens
    il faut éditer le fichier header.php de ton thème

    tu mets ton lien avant ou aprés l’appel de la fonction

    Dean

    #576914
    Anonyme
    Inactif
    Initié WordPress
    43 contributions

    En rechargeant Firefox j’ai vu les changements. Je faisais juste F5 et pas Ctrl+F5. J’ai pu mettre les liens aussi, mais pas où je le souhaite. Ils sont soit au dessus soit en dessous du « rectangle » gris, et je souhaite les placer DANS ce « rectangle », en haut dans la zone la plus sombre.

    Merci bien en tout cas =)

    dean wrote:
    pour la taille de ta page, il faut que je regardes ton thème et le fichier css correspondant…

    C’est à dire ? Tu veux que je copie le CSS ici ? Quelle partie ?

    #576915
    dean
    Participant
    Chevalier WordPress
    487 contributions

    Pour personnaliser tes liens, il faut modifier ton .css
    exemple:
    actuellement ton titre Imaginet a les attributs suivants:

    #header {
    background-image: url(top.jpg);
    font-size: 40px;
    letter-spacing: 0.2em;
    margin: 0;
    height: 100px;
    padding: 85px 10px 15px 30px;
    }

    #header a {
    color: #fff;
    text-decoration: none;
    border: 0;
    }

    avec le code du header.php qui ressemble à ça à mon avis

    Il te faut donc créer une nouvelle propriété css, exemple header2
    ce qui donnerait

    <div id="header2">
    Retour : <a href="http://creatchey.org">CreaTchey</a> |
    <a href="http://creatchey.org/forum">Forum</a> |
    <a href="http://creatchey.org/blog">ImagiNet</a>
    </div>

    à mettre au dessus du

    et ajouter dans ton .css

    #header2 {
    font-size: 40px;
    letter-spacing: 0.2em;
    margin: 0;
    height: 100px;
    padding: 85px 10px 15px 30px;
    }

    #header2 a {
    color: #fff;
    text-decoration: none;
    border: 0;
    }

    là tu modifies font-size, padding etc…

    #576916
    dean
    Participant
    Chevalier WordPress
    487 contributions

    pour ton menu de gauche essais de jouer sur la valeur width suivante:

    #menu {
    background: #fff;
    width: 150px;
    float: left;
    }

    #576917
    Anonyme
    Inactif
    Initié WordPress
    43 contributions

    Je n’y arrive pas 😐 Les liens restent tout en haut, dans le blanc « avant » la page. J’ai modifié je crois un peu toutes les propriétés CSS une par une pour voir, et à part décaller le « blanc » autours des liens ou changer le texte des liens, je n’arrive pas à faire ce que je veux. Actuellement j’ai ceci :

    style.css :

    }

    #header2 {
    font-size: 0.8em;
    letter-spacing: 0.2em;
    margin: 0;
    height: 10px;
    padding: 5px 5px 5px 5px;
    }

    #header2 a {
    color: black;
    text-decoration: none;
    border: 0;
    }

    Header.php :

    <div id="header2">
    Retour : <a href="http://creatchey.org">CreaTchey</a> |
    <a href="http://creatchey.org/forum">Forum</a> |
    <a href="http://creatchey.org/blog">ImagiNet</a>
    </div>

    <h1 id="header"><a href="<?php bloginfo('url'); ?>« ><?php bloginfo('name'); ?></a></h1>

    Pour le menu, ça marche mais ça « mange » sur la partie de droite (contenu) d’autant que je gagne sur la partie de gauche (menu). J’vais voir si j’arrive à bidouiller d’autres valeurs sans tout casser ^^

    (édition)

    A priori j’ai trouvé pour « étirer » ma page.

    #576918
    dean
    Participant
    Chevalier WordPress
    487 contributions

    J’ai compris pourquoi ça ne marche pas pour tes liens

    il faut les éditer dans le header contenant l’arrière image

    dans ce ca il faudrait jouer sur le css des liens header

    #header a {
    color: #fff;
    text-decoration: none;
    border: 0;
    }

    en ajoutant des propriétés du genre ( à modifier )

    font-size: 40px;
    letter-spacing: 0.2em;
    margin: 0;
    height: 100px;
    padding: 85px 10px 15px 30px;

    le problème c’est que ton lien ImagiNet< fait parti des propriétés header….

    ça devrait t’aider, bon je me sauve ++

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