Pagination
18 novembre 2007
Une petite nouveauté est apparu sur ce blog, la navigation par page. Avant on pouvait naviguer en allant à la page suivante ou précédente maintenant on peut aller sur une des Le plugin est ici.
Et voici le code css utilisé:
div.pagination {
border-top: 1px solid #CCC;
/*padding: 3px;*/
Padding-top:15px;
margin: 3px;
text-align:center;
color:#f00;
font-size:80%;
}
div.pagination a {
border: 1px solid #f00;
margin-right:3px;
padding:5px 7px;
background-image:url(m2.jpg);
background-position:bottom;
text-decoration: none;
color: #f00;
}
div.pagination a:hover, div.meneame a:active {
border: 1px solid #f00;
background-image:none;
background-image:url(m1.jpg);
color: #000;
}
div.pagination span.current {
margin-right:3px;
padding:5px 7px;
border: 1px solid #f00;
font-weight: bold;
background-image:url(m1.jpg);
color: #000;
}
div.pagination span.disabled {
margin-right:3px;
padding:5px 7px;
border: 1px solid #ffe3c6;
color: #ffe3c6;
}- Par Adrian Sauzade
- - Dotclear2
Commentaires
yep,
Après moult efforts et recherches, je me décide à écrire sur ce billet pour un « HELP » !
J'ai donc très exactement suivi le processus pour créer le pagination :
1_ plugin installé dans DC2
2_ mise à jour de la ligne : <tpl:"Pagination">{tpl:PaginationLinks}</tpl:"Pagination">
dans les 4 fichiers : category.html, home.html, search.html et tag.html — à la place du code par défaut.
3_ Enfin mis en place d'un code dans le fichier style.css.
Tout fonctionne, sauf que l'esthétique des numéro de pages ne s'affiche pas.
Le code CSS ne semble pas pris en compte.
J'ai bcp, bcp modifié le code pour faire différentes tentatives, rien n'y fait.
Le blog D'Adrian aurait-il une idée ?
Très aimablement, Ivsan
merci,
Tu devrais essayer de donner une "class" à ta div pagination :
<div class="pagination">{{tpl:PaginationLinks}} </div>Ensuite tu mets tes style css du type :
div.pagination {+ infos css}Dis moi si ça marche... Sinon demande aussi éventuellement à l'auteur du plug.
Bon courage!
yep,
Tu dis : Donner une "class" à ta div pagination :
<div class="pagination">{tpl:PaginationLinks} </div>
Je ne comprends pas.
Cela concerne-t-il le fichier style.css ou bien un autre fichier du dossier DotClear ?
en tout cas, merci pour ta réponse,
Ivsan
Non en fait lorsque tu insères ton code dans les fichiers: category.html, home.html, search.html et tag.html tu crées une cellule <div> à laquelle tu donnes un nom.
Une fois nommée tu peux modifier son style dans la feuille CSS.
Il ne faut surtout pas le mettre dans ton fichier css (tu peux l'enlever dailleurs...)yep,
Dans les fichiers category.html, home.html, search.html et tag.html
j'ai mis ce code :
·
</div><tpl:EntriesFooter>
<tpl:Pagination>{{tpl:PaginationLinks}}</tpl:Pagination>
</tpl:EntriesFooter>
</tpl:Entries>
</div>
·
Dois-je rajouter cette fameuse ligne dont tu m'a parlé en premier :
<div class="pagination">{tpl:PaginationLinks }</div>à la suite des lignes que j'ai indiqué au-dessus, — telle quel —
et cela dans les 4 fichiers nommés ?
merci encore
A la place de:
<tpl:Pagination>{{tpl:PaginationLinks}}</tpl:Pagination>Je mettrais :
<div class="pagination">{{tpl:PaginationLinks}}</div>Attention cependant, lorsque j'ai installé ce plugin il n'existait aucune doc. J'ai eu du mal à le mettre en forme dans sa mise en place de base. je me suis donc décidé à le mettre de cette façon. Ce n'est peut être pas la plus conventionnelle mais elle marche et est validée...
yep…
…pffouf… enfin ! c'est bien cela.
ha ! le code ! avant d'en avoir l'intuition il faut en manger… des grosses tartines !
Un grand merci Adrian d'avoir pris le temps de me répondre.
bien à toi, Ivsan