Petite question pour la mise en forme d'articles

Statut : non résolu

Ce sujet contient 10 réponses, 7 participants et a été mis à jour pour la dernière fois par pikachu, le il y a 18 années et 3 mois.

11 sujets de 1 à 11 (sur un total de 11)

Auteur

Messages
14 janvier 2007 à 19 h 38 min #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 🙂

14 janvier 2007 à 20 h 11 min #588878

xavier
Participant

Maître WordPress
2124 contributions

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

14 janvier 2007 à 20 h 23 min #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 -_-

14 janvier 2007 à 22 h 59 min #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;
}
```
17 janvier 2007 à 22 h 07 min #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…

18 janvier 2007 à 5 h 04 min #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.

18 janvier 2007 à 9 h 32 min #588883

Oo
Membre

Maître WordPress
2484 contributions

Bonjour,

Je le trouve superbe ton thème !!!

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

Oo

18 janvier 2007 à 11 h 19 min #588884

Qwindoo
Modérateur

Maître WordPress
2861 contributions

Très joli en effet 🍺

Bonne continuation 🙂

18 janvier 2007 à 12 h 34 min #588885

benkenobi
Participant

Maître WordPress
4068 contributions

Je confirme, le thème est chouette. 😉

18 janvier 2007 à 12 h 37 min #588886

Many
Participant

Maître WordPress
1485 contributions

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

21 janvier 2007 à 19 h 06 min #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…
Auteur

Messages