[Résolu] Astuce : Pagination

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

Résolu [Résolu] Astuce : Pagination

Message par FANCH 56 le Ven 4 Oct 2013 - 10: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 4 Oct 2013 - 15:41, édité 1 fois

FANCH 56
+ Hyperactif +

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

http://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 le Ven 4 Oct 2013 - 11: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
+ Hyperactif +

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

Self a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Ven 4 Oct 2013 - 13: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


FANCH 56
+ Hyperactif +

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

http://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 le Ven 4 Oct 2013 - 14: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
+ Hyperactif +

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

Self a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Ven 4 Oct 2013 - 15:35

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

EDIT : 15H40

Résolu

FANCH 56
+ Hyperactif +

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

http://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


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