WordPress Francophone

Les widgets débutent tous par une div avec un id particulier, tu peux donc tenter un truc dans le style css :

Tu peux indiquer l'url de ton site, que je puisse regarder la source ?

Damn. Pourrais-tu alors envoyer la source générée que je zieute la façon dont c'est fait ?

Encore moi

J'ai lu plein de trucs, installé divers plugins "miracles" mais je cale toujours
Le pire c'est que j'ai trouvé des sites qui avaient bien réussi à modifier ce "title" en "image"...

Si j'ai tout bien compris le style h2 contrôle les titres des widgets dans "syle.php" du thème
Le code proposé par Dric me semble donc approprié non ?

Je dois vous avouer que j'ai fait le tour !

A votre bon coeur ;-))

Encore merci

Dernière modification par dede92 (31-08-2008 22:22:48)

Je crois que c'est là, Geri : supprime le padding de ta sidebar (ligne 475 de ton css, "padding:10px 0;").

Dric a écrit:

Les widgets débutent tous par une div avec un id particulier, tu peux donc tenter un truc dans le style css :

Code:

1. #id_du_widget h2{
2.    visibility: hidden;
3.    background: url(ton_titre_en_image) no-repeat;
4.    width : ne_pas_oublier_de_spécifier_ça;
5.    height: ne_pas_oublier_de_spécifier_ça;
6. }

Bonjour
comment trouves t-on l'id du widget
ex: catégorie etc..

merci beaucoup

Hello,

Alors en fait, moi aussi au début j'ai regardé dans le fichier widget.php, mais ca me paraissait trop compliqué pour moi ! En fait, il faut mettre le lien vers les images dans le CSS, et pour avoir l'id de chaque widget, ce que j'ai fais, une fois les widgets activés dans ma sidebar, j'allais dans mon code source via internet explorer (clique droit, afficher la source) et j'ai regardé l'id de chaque widget.
Par ex, pour les derniers posts tu as la ligne :

Pour les catégories :

etc etc...
Et donc dans mon css j'ai ajouté ces lignes la :

une info supplémentaire, y'a certains widget, ils ne peuvent pas ne pas avoir de noms (par ex, catégorie) donc il faut ruser, j'ai mis un point a la place du nom, il passe par dessus mon image, mais je l'ia mis de la couleur de mon image, comme ca, on ne le voit pas ! d'ou la ligne color en plus dans mon css !
Okay, c'est un peu du bidouillage, mais on fait ce qu'on peut avec ce qu'on a LOL

Geri

bjr
moi ça ne fonctionne pas

voici mon code source ex recent comment

<div class="block"><h2>Commentaires</h2><ul id="recentcomments"><li class="recentcomments"><a href='http://avoscouleurs59.blogspot.com/' rel='external nofollow'>avoscouleurs</a> dans <a href="http://www.isabelle-gribout.com/blogwp/?p=74#comment-507">Nouveau graphisme</a></li>

et celui de catégorie

<div class="block"><h2>Rubriques</h2><ul><li><a href="http://www.isabelle-gribout.com/blogwp/?cat=3" title="Voir tous les articles classés dans Actu Isabelle">Actu Isabelle</a>

pas d'ID visible

autrement j'ai mis ,celà dans mon css

/* sidebar
#recentcomments h2{
background: #F9FDEB url("img/rubriques.gif") no-repeat;
width : 200px;
height: 40px;
}


merci de votre aide

merci c'est ce que je me disais aussi que qq chose passe outre ou avant mais pk sur recentcomment et calendar il met des id?

merci
à bientôt

Ralala j'aimerais bien plus t'aider mais mes compétences sont quand meme limitées, faudrait vraiment demander à quelqu'un qui a de bonnes connaissances en CSS et en code parce que la, je vois pas pkoi il veut pas prendre l'id si tu le mets dans le h2 :s Désolé

Alors quelqu'un pour nous aider?

Dernière modification par Geri (10-11-2008 11:01:51)

OUF j'ai trouvé en cherchant partout

le pb vient de function.php qui déclarait class="block" par defaut j'ai remis ça par defaut et c'est bon enfin presque

<?php
if ( function_exists('register_sidebar') )
    register_sidebars(2, array(
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h2 class="widgettitle">',
        'after_title' => '</h2>',
    ));


?>

ensuite il faut refaire toute la feuille de style par modules

ex : catégorie
#categories h2{
color: #F9FDEB;
background: url("img/rubriques.gif") no-repeat left bottom;
width : 200px;
height: 32px;

}

#categories ul {
    border-top: 1px dashed #BCBAAC;
    margin: 4px 0;
    padding: 0;
    width: 90%;
}
#categories li {
    border-bottom: 1px dashed #BCBAAC;
    list-style: none;
}
#categories li a,#categories li em {
    color: #553;
    display: block;
}
#categories li em {
    font-size: 0.9em;
    font-style: normal;
}
#categories li a {
    padding: 4px 3%;
    text-decoration: none;
    width: 94%;
}
#categories li a span {font-weight: bold;}
#categories li a:hover {
    color: #553;
    background: #D2D0C0;
}

#categories li {border-color: #DCDACC;}
#categories li a:hover {background: #E7F885;}

et voilà ce que ça donne http://www.isabelle-gribout.com/blogwp

bon maintenant encore qq modif et on arrivera où on veut

j'ai tjs mon pb de lien dans la sidebar , je veux mettre que 2 catégories mais impossible..

merci à tous