Mettre les bars des widgets avec d'autres couleurs ou images.

[Houders]

Bonjour,
Je voulais savoir si il était possible de changer la couleur ou même de mettre une image dans les bars des widgets. Couleurs différentes ou images différents.

Cordialement,

[Invité]

Bonsoir,

Qu'entendez-vous par "bars" ?

Cordialement.

[Houders]

Voici

[Invité]

Re,

Essayez ce code à insérer dans Affichage > Couleurs :: Feuille de style CSS :

Code:

.module .maintitle {
background-color:NOM_DE_LA_COULEUR;
}

NOM_DE_LA_COULEUR : deux solutions : - nom de couleur anglais (blue, green, red, yellow, etc.) ; - code hexadécimal (trouvable ici par exemple : http://code-couleur.com/ ).

Et pour insérer une image :

Code:

.module .maintitle {
background-image: url('URL_DE_L'IMAGE');
}

Cordialement.

[Houders]

Salut mais je voudrais si possible chaque widget avec une image ou couleur différentes

Merci d'avance

[Lixyr]

Bonjour,

Les titres des widgets ont tous la même classe, on ne peut pas mettre une couleur différente pour chaque widget.

[Adam_sfp]

Bonjour

Pour la couleur via gestion des codes javascript
Essayez ce code

Code:

jQuery(function(){
 jQuery('.catLeft:contains(Dernière)').css('background', '#BF1515');
 jQuery('.catLeft:contains(Connexion)').css('background', '#2AD34C');
 jQuery('.catLeft:contains(Derniers)').css('background', '#3AE8D9');
 });

Cdt.

[Houders]

Non ça ne fonctionne pas :s

[Adam_sfp]

Non ça ne fonctionne pas :s

Bonsoir

Vous avez cochez sur l'index dans gestion des codes javascript?

Cdt.

[Houders]

Oui

[Houders]

AH! c'est bon mais cela est il possible de le faire par des images ?

[Adam_sfp]

Bonsoir

Essayez en changeant une ligne de cette manière:

En mettant le lien de votre image à la place de ADRESSE DE L IMAGE.

Code:

jQuery('.catLeft:contains(Derniers)').css('background', 'url(ADRESSE DE L IMAGE) no-repeat');

Cdt.

[Lixyr]

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Si vous avez une information à rajouter il est préférable d'éditer votre poste précédent (). Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

[Houders]

Salut ! Merci beaucoup ça fonctionne, résolu +1