[Résolu] Astuce : Pagination

2 participants

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

Résolu [Résolu] Astuce : Pagination

Message par FANCH 56 Ven 04 Oct 2013, 04:28

Bonjour

Dans le code CSS suivant, je ne trouve pas l'endroit exact pour changer la couleur pour que les nr des pages apparaissent et ressortent dans les textes.

J'ai essayé diverses choses, qui ne fonctionnent pas.

Merci
Code:

/* ************************PAGINATION ******************************************* */

        .postpagination span {
            float: left;
            display: inline;
            margin-left: 4px;
            padding: 0 8px;
            height: 26px;
            border: 1px solid;
            border-color: #C2D5E3;
            background-color: #FFF;
            background-repeat: no-repeat;
            color: #333;
            overflow: hidden;
            text-decoration: none;
            margin: 0 4px 0 0;
            line-height: 26px;
            cursor: pointer;
            font-weight: normal;

        }
        .postpagination span:hover {
            border-color: #369;
            color: #369;
        }
        .postpagination span.pp_current {
            background-color: #E5EDF2;
            border-color: #C2D5E3;
            color: #333;
            font-weight: bold;
        }
        .postpagination {
            display: block;
            font: 12px/1.5 Tahoma,Helvetica,'SimSun',sans-serif;
        }
        .postpagination:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        div.postpagination { margin: 10px 0 }
        span.postpagination span {
            float: none;
            padding: 0 4px;
            font-size: 0.8em;
            margin: 0 2px 0 0;
        }
        .postpagination span.pp_next {
            padding-right: 25px;
            background-image: url(http://i.imgur.com/2C4dvL5.gif);
            background-position: 90% 50%;
        }
        span.postpagination span.pp_next {
            padding-right: 12px;
            background-position: 90% 50%;
        }


Dernière édition par FANCH 56 le Ven 04 Oct 2013, 09:41, édité 1 fois
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Résolu] Astuce : Pagination

Message par Self Ven 04 Oct 2013, 05:39

Bonjour Fanch 56 Smile .

Les codes
Code:
color:#xxx;
ont été ajouté par vous ?
Auriez vous un lien vers un message qui lisible par les invité ou cette astuce est utilisé ?

Cordilament Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Astuce : Pagination

Message par FANCH 56 Ven 04 Oct 2013, 07:35

Non ceci est dans le code de l'astuce.

Lien : http://www.anciens-cols-bleus.net/t20903-aeronavale-divers-base-de-pensacola#777873

message nr 4

Ce que je souhaite, c'est rendre plus visible ceci

[Résolu] Astuce : Pagination Captu135
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Résolu] Astuce : Pagination

Message par Self Ven 04 Oct 2013, 08:50

Re ^^.

Il faut simplement changer les codes Héxadécimaux dans le CSS donné , il sont biensur reconaissable par # suivi de chiffres et de lettres Smile .

La partie du code suivant définie les boutons normaux:
Code:
.postpagination span {
            float: left;
            display: inline;
            margin-left: 4px;
            padding: 0 8px;
            height: 26px;
            border: 1px solid;
            border-color: #C2D5E3;
            background-color: #FFF;
            background-repeat: no-repeat;
            color: #333;
            overflow: hidden;
            text-decoration: none;
            margin: 0 4px 0 0;
            line-height: 26px;
            cursor: pointer;
            font-weight: normal;
 
        }
Ainsi si on veut que les couleur soit une écriture rouge sur fond noir on changera les deux parties du code en rouge:
.postpagination span {
float: left;
display: inline;
margin-left: 4px;
padding: 0 8px;
height: 26px;
border: 1px solid;
border-color: #C2D5E3;
background-color: #000000;
background-repeat: no-repeat;
color: #C00000;
overflow: hidden;
text-decoration: none;
margin: 0 4px 0 0;
line-height: 26px;
cursor: pointer;
font-weight: normal;

}
Le deux parties du code suivantes elles dans l'ordre correspond aux boutons au passage de la souris et aux boutons sélectionnés:
Code:
.postpagination span:hover {
            border-color: #369;
            color: #369;
        }
Code:
.postpagination span.pp_current {
            background-color: #E5EDF2;
            border-color: #C2D5E3;
            color: #333;
            font-weight: bold;
        }
Cordialement Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Astuce : Pagination

Message par FANCH 56 Ven 04 Oct 2013, 09:35

Merci je vais m'atteler à çà et je rendrai compte.

EDIT : 15H40

Résolu
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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