[ruby-it] Modificare css Will Paginate
JellyBellyWeb
jellybellyweb a gmail.com
Gio 6 Ago 2009 13:35:50 CEST
Salve baldi giovani,
Ho installato la gem will paginate: http://github.com/mislav/will_paginate/tree/master
In fondo alla documentazione consigliano link dove prendere spunto per
modificare il layout della propria pagination, come questo link:
http://www.smashingmagazine.com/2007/11/16/pagination-gallery-examples-and-good-practices/
Bhe io avrei scelto di modificare la mia pagination come in fondo a
questo sito: http://drupal.org/forum/12?page=23
Se ho capito bene il sistema della pagination, mi genera un html in
automatico che io non posso modificare, ma limitarmi solo a generare
le classi css contenute. Giusto?
ho dato uno sguardo al sorgente della mia pagination di default che è
così:
[CODE]
<div class="pagination">
<span class="disabled prev_page">« Previous</span>
<span class="current">1</span>
<a href="/users?page=2" rel="next">2</a>
<a href="/users?page=2" class="next_page" rel="next">Next »</a>
</div>
[/CODE]
mentre l'html della pagination che vorrei realizzare è così:
[CODE]
<div class="item-list">
<ul class="pager">
<li class="pager-current first">1</li>
<li class="pager-item"><a href="/forum/12?page=1" title="Go to page
2" class="active">2</a></li>
<li class="pager-item"><a href="/forum/12?page=2" title="Go to page
3" class="active">3</a></li>
<li class="pager-item"><a href="/forum/12?page=3" title="Go to page
4" class="active">4</a></li>
<li class="pager-item"><a href="/forum/12?page=4" title="Go to page
5" class="active">5</a></li>
<li class="pager-item"><a href="/forum/12?page=5" title="Go to page
6" class="active">6</a></li>
<li class="pager-item"><a href="/forum/12?page=6" title="Go to page
7" class="active">7</a></li>
<li class="pager-item"><a href="/forum/12?page=7" title="Go to page
8" class="active">8</a></li>
<li class="pager-item"><a href="/forum/12?page=8" title="Go to page
9" class="active">9</a></li>
<li class="pager-ellipsis">…</li>
<li class="pager-next"><a href="/forum/12?page=1" title="Go to next
page" class="active">next ›</a></li>
<li class="pager-last last"><a href="/forum/12?page=23" title="Go to
last page" class="active">last »</a></li>
</ul>
</div>
[/CODE]
Quindi a primo acchitto penso sono fregato... questa paginazione sua
ul ed li, mentre la mia di default usa gli span!!!
Come diavolo faccio???
Ecco perchè vi scrivo! Svelatemi l'arcano please!
Un Ringraziamento in anticipo a chiunque mi possa aiutare.
Ciao
--
JellyBellyWeb
jellybellyweb a gmail.com
More information about the Ml
mailing list