28234 sujets

CSS et mise en forme, CSS3

"Liens" n'a pas la bonne présentation

Je suis en train de construire un site (www.mathstrass.fr) à l'aide de wordpress, le thème que j'ai choisi est légèrement défaillant: je n'arrive pas à afficher "Liens" dans ma sidebar de la même manière que les "catégories","Archives".... Voilà le code que je souhaiterais appliquer à "Liens":
<li id="Pages"><span class="sidetitle" ><?php _e('Pages'); ?></span>
<ul>
<?php wp_list_pages('title_li=' ); ?>
</ul>
</li>
Mais malheureusement, je ne sais pas comment modifier:<?php get_links_list(); ?>.

J'ai longuement regardé la feuille de style et je ne sais quoi modifier....
Merci d'avance pour vos réponses.
Ils ont fermé ma discussion en m'indiquant ce forum spécialisé dans le css...Je fais quoi maintenant?
Bonjour,

Il faut modifier ou ajouter dans la feuille de style un bloc de règles #linkcat-1 h2 {...} qui reproduise la mise en forme que tu y trouveras pour la classe .sidetitle{...}.
Voilà la modif, dans la feuille de style:
#linkcat-1 h2 {font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;

font-size:20px;

text-transform:uppercase;

font-weight:normal;

border-bottom:1px solid #4f9eff;

color:#4f9eff;

text-align:left;}

.sidetitle {

font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;

font-size:20px;

text-transform:uppercase;

font-weight:normal;

border-bottom:1px solid #4f9eff;

color:#4f9eff;

text-align:left;



}

Que dois je rajouter maintenant dans ma sidebar?

J'ai essayé ceci mais cela n'a rien donné:
<h2 div="linkcat-1">
<?php get_links_list(); ?>
</h2>
Modifié par Flotch (09 Aug 2006 - 18:25)
Rien. Ces styles modifient la présentation de ton titre tel qu'il est structuré actuellement.

Un oubli: il manque probablement un display:inline pour compléter.
Génial, cela marche!!!!Cela faisait deux jours que je bricolais.....
Mais je n'ai pas compris ce que je viens de faire, y a t-il une documentation qui me permettrait de faire ces modifs seul à l'avenir?
Ma foi, c'est plutôt un bricolage pour te dépanner, et t'éviter ce désagréable renvoi de ballon entre forums Smiley cligne

En fait, il aurait fallu modifier le code PHP de WordPress, pour qu'il génère le HTML que tu avais bien repéré dans ton premier message. Mais j'avoue manquer de temps (et d'un wordPress sous la main) pour t'indiquer la manipulation à faire.

Ici, nous nous sommes contenté de modifier la présentation CSS du code existant pour obtenir le résultat visuel recherché, en appliquant au titre <h2> problématique les propriétés qui lui donnent l'apparence des autres éléments de cette colonne.

Pour te documenter sur ce sujet, la meilleure solution est de t'initier à CSS. Tu devrais trouver de quoi faire avec les tutoriels d'initiation d'Alsacréations et ceux d'OpenWeb.
Modérateur
Flotch a écrit :
Ils ont fermé ma discussion en m'indiquant ce forum spécialisé dans le css...Je fais quoi maintenant?


Amusant quand même. Smiley smile Je me disais seulement que la communauté spécialisée avec WordPress serait plus au courant des mécanismes (php, html, css) entourant cette application. La réponse de Laurent Denis démontre bien ce que je veux dire par là :

Laurent Denis a écrit :

En fait, il aurait fallu modifier le code PHP de WordPress, pour qu'il génère le HTML que tu avais bien repéré dans ton premier message. Mais j'avoue manquer de temps (et d'un wordPress sous la main) pour t'indiquer la manipulation à faire.


C'est loin d'être la majorité ici qui connaît WordPress et/ou à avoir le code sous la main. C'est pourquoi leur forum me semblait plus approprié.

D'ailleurs, j'ai passé tout près de fermer ton sujet car il me semblait beaucoup trop relié au moteur de WordPress et non uniquement à du html ou CSS. J'ai finalement décidé de te proposer leur forum et laisser ton sujet ouvert, pour te laisser le maximum de chance d'obtenir une réponse.

Bonne journée ! Smiley smile
Modifié par Tony Monast (09 Aug 2006 - 19:25)
Sujet clos
Aller à