Changer les couleurs de "aller à la page"

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Changer les couleurs de "aller à la page"

Message par domainedeletrange le Sam 8 Nov 2014 - 2:28

Détails techniques


Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://domainedeletrange.forumactif.org/

Description du problème

Bonsoir,

Je viens vers vous pour changer les couleurs du menu déroulant : "aller à la page""1""2"etc sans avoir à changer cela dans les couleurs elles mêmes, mais bien avec un code CSS de façon à ce que ça ne modifie que cette partie qui m’intéresse.
Je suis sous invision.
Pour le moment c'est invisible hormis si je place la flèche dessus.
Merci d'avance pour votre aide.


Dernière édition par domainedeletrange le Sam 8 Nov 2014 - 18:37, édité 1 fois

domainedeletrange
**

Féminin
Messages : 67
Inscrit(e) le : 17/02/2013

http://domainedeletrange.forumactif.org/
domainedeletrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les couleurs de "aller à la page"

Message par Milouze14 le Sam 8 Nov 2014 - 5:29

Salut domainedeletrange ,

tiens c'est la deuxième fois que je te viens en aide, je commence à trouver cela étrange Very Happy .

Bref,
je t'ai fais un petit topo sur le bouton aller à la page et tout ce qui si rapproche ainsi que le bloc de recherche
de page.

Les couleurs ne sont pas belles en soit , c'est juste pour différencier toutes les parties Wink

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Colles tout ceci:

Code:

/*Bouton Aller a la page*/
div.pagination a.goto {background-color:green !important;color:red !important;}
/*Bouton des numeros*/
div.pagination b , div.pagination a{background-color:red !important;color:green !important;}
/*Le dernier bouton des numeros*/
div.pagination a:last-child {background-color:pink !important;color:darkgreen !important;}
/******LE BLOC DE RECHERCHE AU CLIC********/
/*Le contour*/
form[name="go_page"] .forumline {border:1px solid red;}
/*Le premier contenu Aller a la page */
form[name="go_page"] .forumline th.thHead {background-color:pink !important;color:blue !important;}
/*Le contenu suivant*/
form[name="go_page"] .forumline td.row1 {background-color:green !important;}
/*La case a remplir*/
form[name="go_page"] .forumline td.row1 input.bginput {background-color:pink !important;color:darkgreen !important;}
/*Le bouton Aller*/
form[name="go_page"] .forumline td.row1 input.button {background-color:pink !important;color:darkgreen !important;}

Modifies comme bon te semble les couleurs tout en laissant le ( !important ) Wink .
Penses à cliquer sur le bouton


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les couleurs de "aller à la page"

Message par domainedeletrange le Sam 8 Nov 2014 - 12:12

Merci c'est bien ce que je voulais !
Par contre je voudrais supprimer ses couleurs :

Pour mettre des images à la place, comment fait t'on svp ?

Edit : J'ai réussi à mettre les images, mais cela empiète sur la couleur blanche.

domainedeletrange
**

Féminin
Messages : 67
Inscrit(e) le : 17/02/2013

http://domainedeletrange.forumactif.org/
domainedeletrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les couleurs de "aller à la page"

Message par Milouze14 le Sam 8 Nov 2014 - 17:52

Re,

pour les images , tu peux les déposer via ton P.A:
Passes en mode avancé en cliquant sur :
Affichage/Images et couleurs/Gestion des images/Mode avançé


Mini icônes

Voir le sujet précédent :
et
Voir le sujet suivant :

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les couleurs de "aller à la page"

Message par domainedeletrange le Sam 8 Nov 2014 - 17:58

Re bonsoir, malheureusement en passant par la cela empiète sur du blanc :


domainedeletrange
**

Féminin
Messages : 67
Inscrit(e) le : 17/02/2013

http://domainedeletrange.forumactif.org/
domainedeletrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les couleurs de "aller à la page"

Message par Milouze14 le Sam 8 Nov 2014 - 18:08

Re,
pour supprimer la couleur de fond du bouton précédent et suivant :

on va déposer un petit script :
Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur Les sous forums et les sujets

colles ceci:
Code:

$(function(){
$('img[alt="Suivant"]').closest('a').attr('id','M14_btn_left');
$('img[alt="Précédent"]').closest('a').attr('id','M14_btn_right');
});

Penses à cliquer sur le bouton
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

colles ceci:

Code:

a#M14_btn_left, a#M14_btn_right{background:none !important;}
Penses à cliquer sur le bouton

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer les couleurs de "aller à la page"

Message par domainedeletrange le Sam 8 Nov 2014 - 18:37

Very Happy Re merci encore décidément sans vous j'aurais mis des heures à trouver tout ça.
Bon weekend, je passe en résolu.

domainedeletrange
**

Féminin
Messages : 67
Inscrit(e) le : 17/02/2013

http://domainedeletrange.forumactif.org/
domainedeletrange a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum