[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">&laquo; 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 &raquo;</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