Petite question pour la mise en forme d’articles

  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #450083
    pikachu
    Membre
    Initié WordPress
    6 contributions

    Bonjour,

    Je sohaiterais avoir des conseils pour un problème bien précis.
    Jer vais modifier le thème kubrick ( d’après ce que j’ai pu lire il semble le mieux placé pour débuter). Je cherche donc à assortir mon cms avec le thème de mon forum, j’ai donc réalisé à l’aide de phtoshop une ébauche de ce que je souhaiterais obtenir au final ou presque.

    L’image du projet final

    Comme vous pouvez le voir sur cette image (cf le lien) les titres d’articles sont dans une bande gris foncé et le corps de l’article dans un gris très clair.

    Alors question d’un noob : comment puis je modifier mon css pour que tous mes titres d’articles soient dans cette bande grise. Vu que dans le css original les titres des articles sont paramétrés avec les titres des catégories/liens et autres du panneau latéral…

    Et seconde question existe t il des thèmes bien précis facilement modifiables et de structure différentes de kubrick ?

    Merci d’avance pour votre aide 🙂

    #588878
    xavier
    Gestionnaire du forum
    Maître WordPress
    2126 contributions

    Plonge-toi dans les CSS : l’attribut class= » » est fait pour ça.

    #588879
    pikachu
    Membre
    Initié WordPress
    6 contributions

    donc en clair il faudrait que je mette les h2 du panneau latéral avec un

    [c]

    titre

    [/c]

    et un h2 pour les titres d’articles avec une autre classe ?

    erf même comme ça je ne vois pas où faire les modifs dans les pages autres que le css… noob inside -_-

    #588880
    AlexandreP
    Participant
    Padawan WordPress
    90 contributions

    Si tu regardes le fichier [c]index.php[/c] (lignes 9-18) du thème Kubrick, tu peux constater que chacun des billets sera rendu sous cette forme :

    <div class="post" id="post-« >
    				<h2><a href=" » rel= »bookmark » title= »Permanent Link to « ></a></h2>
    				<small> <!– by  –></small>
    
    				<div class="entry">
    					
    				</div>
    
    				<p class="postmetadata">Posted in  |   </p>
    			</div>

    Tu as toutes les classes déjà définies dans le code du thème pour te permettre de personnaliser les couleurs : une classe ‘post’ (une div qui englobe l’entièreté des données d’un billet), une classe ‘entry’ (une div qui contient uniquement le contenu du billet) et une classe ‘postmetadata’ (une div qui contient uniquement les informations sur les commentaires et les catégories du billet).

    .entry, .postmetadata {
         background: gray;
         color: black;
    }
    
    .post {
         background: #333;
         color: white;
         border: 1px solid black;
    }

    #588881
    pikachu
    Membre
    Initié WordPress
    6 contributions

    génial merci pour le tuyau 🙂

    voici le résultat :

    http://www.guilde-atlantis.net/

    je sais le code n’est pas super propre mais j’ai utilisé un thème trouvé sur le net…

    #588882
    AlexandreP
    Participant
    Padawan WordPress
    90 contributions

    Ce fut un plaisir. Et bien joli le résultat final, même si tu ne lui as pas donné l’exact même look que dans ton exemple.

    #588883
    Oo
    Membre
    Maître WordPress
    2486 contributions

    Bonjour,

    Je le trouve superbe ton thème !!!

    Fais une présentation dans la bonne section !!!

    Oo

    #588884
    Qwindoo
    Modérateur
    Maître WordPress
    2866 contributions

    Très joli en effet 🍺

    Bonne continuation 🙂

    #588885
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 contributions

    Je confirme, le thème est chouette. 😉

    #588886
    Many
    Membre
    Maître WordPress
    1485 contributions

    Et aller, un autre avis positif. Oui le thème est très plaisant à regarder 😉

    #588887
    pikachu
    Membre
    Initié WordPress
    6 contributions

    Merci pour vos compliments c’est toujours agréable 🙂

    A force d’essais et de tentatives j’arrive à m’en sortir ^^…

    J’ai passé le css au validateur et ça passe :p ! Pas le validateur du w3c lui me trouve 37 avertsisssements de ce type :

    La même couleur est utilisée en tant que couleur et couleur de fond dans les deux contextes h3 et #pages h1 a

    vous changez h3 et « pages h1 37 fois par d’autres div ou attribut et vous aurez mes erreurs css…

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