Some styles for your pagination
Styles for WP-Digg style pagination plugin, Digg Style pagination Class, the modular version, and the original programed bye strangerstudios.
Digg Style (Download CSS)
Yahoo Style (Download CSS)
New Yahoo! Style (Download CSS)
Meneame Style (Download CSS) (Download background)
Flickr Style (Download CSS)
Sabros.us Style (Mi sabros.us) (Download CSS)
Green Style (Download CSS)
Gray Style (Download CSS)
Black Style (Download CSS) (Download background 1, Download background 2)
Mis Algoritmos Style (Download CSS)
Black-Red Style (Download CSS)
Gray Style 2 (Download CSS)
Yellow Style (Download CSS)
Jogger Style (Download CSS)
starcraft 2 Style (Download CSS)
Tres Style (Download CSS)
512megas Style (Download CSS)
Technorati Style (Download CSS)
YouTube Style (Download CSS)
MSDN Search Style (Download CSS)
Badoo Style (Download CSS)
Blue Style (Download CSS)
Green-Black Style (Download CSS + image1 + image2)
viciao2k3.net/blog Style (Download CSS)
You can watch the styles working with this very nice plugin with jQuery.: jQuery pagination revised.
Mis Algoritmos » Blog Archive » WP Digg Style Pagination Plugin
2007-03-16 22:46:10
[...] Algoritmos El acordeón que todos necesitamos… « Seguridad en aplicaciones Web Some styles for your pagination [...]
pecesama
2007-04-03 22:48:25
No tendras una con tonos grises?
devilsoulblack
2007-04-03 23:34:28
Gracias por el link :)
Victor De la Rocha
2007-04-04 19:27:20
<del>@pecesama no tengo con tonos grises jeje</del> Ya tengo con tonos grises :)
@devilsoulblack ¿cual link?
Eduardo Arcos Barredo
2007-05-21 19:40:20
hola amigo, cómo se ponen los styles?
Victor De la Rocha
2007-05-21 20:12:25
@Eduardo Arcos Seleccionas el CSS que te haya gustado, copias y pegas en la hoja de estilo de tu sitio (En el tema de tu wordpress (/wp-content/<theme>/style.css)) ...
Irak
2007-05-22 15:36:11
Hoo que bien, toda una coleccion de paginaciones, de todos los colores y sabores, que sabroso!! ;)
blog de alaingonza Añadiendo plugins (IV): Paginación del blog (WP Digg Style Pagination) »
2007-05-26 06:16:30
[...] puedes escoger entre diferentes estilos de paginación emulando a famosas webs como Digg, Flickr, Meneame, Sabrosus, [...]
Mis Algoritmos » Blog Archive » Digg Style Pagination Class
2007-05-27 19:30:15
[...] Mis Algoritmos El acordeón que todos necesitamos… « Some styles for your pagination [...]
WP Digg Style Pagination: Plugin para paginación en WordPress
2007-05-28 20:31:44
[...] Digg y similares. Además el propio autor pone a disposición de todos el código CSS para emular la paginación de diferentes sitios populares de la [...]
andre
2007-05-28 20:39:34
Estan muy buenos
CSS-Paginierungen | Dr. Web Weblog
2007-05-30 02:19:59
[...] Set vorgefertigter Paginierungen. 17 CSS-Dateien mit ganz unterschiedlicher Wirkung stehen zum Download [...]
Pete White
2007-05-30 10:22:58
Nice - good for attention to detail.
Asslig
2007-05-30 14:47:04
Thank you very much. I like most of them.
Ralph
2007-05-31 11:21:47
Yeah.... I like your collection about this css-pagination and i use on my business-website one style, again.
Rafael Franco
2007-05-31 14:30:10
Hola, tengo una pagina http://www.farandulacriolla.com e intenté usar el plugin pero me sale sin formato de css correcto, hay que hacer algo en especial?
Skylog » Blog Archive » links for 2007-06-06
2007-06-06 01:17:33
[...] Some styles for your pagination (tags: css) [...]
MicroZulo » Blog Archive » WP Digg Style Pagination
2007-06-06 18:09:51
[...] Digg y similares. Además el propio autor pone a disposición de todos el código CSS para emular la paginación de diferentes sitios populares de la [...]
Disgruntled StumbleUpon User
2007-06-12 16:17:58
here's an idea... pagination is STUPID. This is the WEB, not a MAGAZINE.
Ian Quigley
2007-06-13 06:28:19
Pagination is not just about style, it's about navigation and content.
Would be nice to see;
[1] [2] [3] [10] [20] [100] [200]
clicking [20] would produce
[1] [10] [19] [20] [21] [22] [30] [100] [200]
» Paginacion estilo digg para wordpress » Blog Archive El diario sin diario
2007-06-14 06:40:20
[...] elegir en esta pagina entre varios [...]
Latino Munich
2007-06-18 04:27:56
Estan estupendos. muy buena collecion.
Plugin Digg style pagination
2007-06-24 13:47:34
[...] último, escolha um estilo de paginação, copie o código CSS e adicione ao arquivo style.css do seu tema. Eu, por exemplo, escolhi o estilo [...]
WP Digg Style Pagination Plugin V 1.0
2007-09-09 13:06:54
[...] CSS styles for your [...]
daniela
2007-09-25 15:55:05
estupendos, excelente collecion.
Paginación tipo digg o menéame — Viciao2k3
2007-09-30 05:22:39
[...] Escoge el estilo [...]
La Guimauve du Web » Quelques news sur les css
2007-10-03 01:41:51
[...] De belles présentations de pagination mis-algoritmos.com ou encore ici [...]
Pagina tus resultados con estilo | aNieto2K
2007-10-03 16:34:36
[...] buscando soluciones elegantes para paginar resultados, tus posts, … echalé un vistazo a esta colección de sistemas de paginación desarrollados en CSS, seguro que encuentras alguno que se acerque a lo que estás buscando. [...]
diarioTHC | Mejora la navegación de wordpress, WP Digg Style Pagination Plugin
2007-10-03 19:24:13
[...] para mejorar de una forma notable la navegación de wordpress que es bastante seca. Contamos con 20 estilos diferentes para implementar al plugin y cambiarle el aspecto, solamente tendremos que añadir unas líneas a [...]
Pagina tus resultados con CSS
2007-10-04 02:14:54
[...] elegantes para paginar resultados, dale un vistazo a esta colección de sistemas de paginación Some styles for your pagination , desarrollados en CSS, son las últimas tendencias en este [...]
Blog. David Barredo » Archivo » Estilos de paginación
2007-10-04 03:04:48
[...] mis-algoritmos he encontrado un elegante set de estilos de paginación realizados con CSS y listos para descargar y [...]
David J.G. » Estilos paginación en CSS
2007-10-04 12:00:14
[...] estás buscando soluciones elegantes para paginar resultados, tus posts, … echalé un vistazo a esta colección de sistemas de paginación desarrollados en CSS, seguro que encuentras alguno que se acerque a lo que estás [...]
-=- Alberto Lucas .COM -=- » Menús y paginaciones en CSS
2007-10-07 05:13:36
[...] Paginaciones -http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/ [...]
Estilos para la paginación en tu wordpress » Comenta o Muere | Actualidad, Humor, Tecnología, Política, Ciencia, Música… y otros muchos temas de los que merece la pena hablar.
2007-10-20 07:16:04
[...] siempre me cuesta hallar un diseño que me convenza, así que, por si os sucede también a vosotros aqui tenéis una galería con varios estilos. Ale, a elegir el [...]
Peloton69
2007-10-24 09:49:37
Debo ser gilipollas, porque aun no he conseguido que esto funcione.
Victor De la Rocha
2007-10-26 09:39:08
No desesperes, con calma que está muy sencillo.
Guerry
2007-11-05 23:23:39
Víctor, me resultó haciendo unos ajustes, mismos que escribí pero no se publicó el post, creo que porque llevaba código y las urls de ejemplo.
No sé cómo compartirles el tip. salud!
Victor De la Rocha
2007-11-05 23:27:51
Se me hace raro lo que dices, pero intenta describirme lo que hiciste y ya si require que ponga alguna nota en el post, pues se la ponemos :P
Guerry
2007-11-06 01:05:03
Voy hacer un test con etiquetas a ver si sale el codigo
<code>
</code>
a ver ...
Guerry
2007-11-06 01:13:36
Pues no.
Lo voy a escribir sin poner ""
Va ...
----------------
me funcionó, pero no exactamente igual.
Después de descargar el plug (pagination.php) y activarlo ...
1) Pegar el código en la plantilla (supongo que funciona con footer y header)
center
table width="98%" cellspacing=0 cellpadding=3 style="border:1px solid #ff8000;"
tr td width="100%" align="center" valign=middle bgcolor="#2f2f2f"
font face="arial" color="#ffffff" size="2"
?php
if(function_exists('pagination'))
pagination(2,array("Anterior","Siguiente"));
?
/font /td /tr /table
/center
* Aunque tuve que agregar al código una tabla para dar formato al texto.
2) Crear un CSS llamado pagination.css (o como se les ocurra).
Copiar y pegar el estilo deseado
* En los casos de estilos con gráficos, añadir la URL completa del gráfico
p/e:
div.pagination a {
border: 1px solid #909090;
margin-right:3px;
padding:2px 5px;
background-image:url('URLCOMPLETA/bar.gif');
background-position:bottom;
text-decoration: none;
color: #c0c0c0;
}
div.pagination a:hover, div.meneame a:active {
border: 1px solid #f0f0f0;
background-image:url(URLCOMPLETA/invbar.gif);
background-color:#404040;
color: #ffffff;
3) Subir el CSS tu servidor.
4) Añadir este codigo en el head de la plantilla
link rel="stylesheet" href="http://www.URLCOMPLETA/pagination.css" type="text/css" /
Y listo. Noté que no jala un background pero la tabla sustituye el efecto.
*** IMPORTANTE: Deben borrar esta parte de código si es que está en el documento original:
div class="navigation"
div class="alignleft"
?php next_posts_link('« Previous Entries') ?
/div
div class="alignright"
?php previous_posts_link('Next Entries »') ?
/div
/div
Aquí pueden ver ejemplos de cómo quedó:
(Se ve con Firefox y IExplorer)
elcadillo.org/wp/category/usa/
elcadillo.org/wp/category/grilla-y-humor-mexicano/
-------------
» Cambiar estilo de paginacion en WordPress - TecnosWA
2007-11-07 12:19:38
[...] Elegimos un estilo de paginacion. En Mis-Alogritimos pueden encontrar una gran coleccion. Bajan la que les guste y la suben al server. 6) En el header.php de su theme agregan: <link [...]
Pagination Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine
2007-11-15 12:32:45
[...] Style sheets freely available for free download: Some Styles For Your Pagination. [...]
.:Trozos de Código:. » Enlaces para el 2007/11/16
2007-11-18 06:21:02
[...] me encuentro con este artículo: Some styles for your pagination, una recopilación de estilos de páginación variados que se adaptan a casi cualquier diseño. Muy [...]
وبلاگ سید محمد باقر رکنی » Blog Archive » صفحه بندی (pagination)
2007-11-18 21:20:15
[...] این لینک هم می تونید یک سری قالب های آماده pagination رو پیدا [...]
fireyy blog » [我的收藏]2007年11月19日(3)
2007-11-19 01:21:16
[...] Some styles for your pagination [...]
links for 2007-11-20 | MY Vast Right Wing Conspiracy
2007-11-20 14:47:28
[...] Pagination Styles (for download) “previous, 1, 2, 3, …, next” in different styles - Download stylesheets (tags: design navigation webdesign css pagination) [...]
stencer
2007-11-25 00:42:16
mm no puedo!! en xiberneticos encontre una version de flirk en la cual me colocaba en html asi sin lista ni nada, y ese puse, ayuda!, que quiero poner otro!
gracias de antemano
Victor De la Rocha
2007-11-25 22:00:18
@<b>Paul</b>: you need to do this:
$p->target('http://localhost/filename.php?Field=test1find=test2');
And the pagination class will be add the <strong>page</strong> parameter to this url.
Daniel
2007-11-30 12:28:07
Excelente, El Plugin sirve perfecto muchas gracias!
Daniel
2007-12-02 02:41:29
Alguien sabe como acortar la paginacion, asi como sale en los ejemplos.
Tengo el siguiente problema, cuando pagina demasiados registros, me aparecen muchos numeros de pagina lo que hace que la tabla en la que estan contenidos se estire y la pagina completa se desforme.
En los ejemplos mas arriba se muestran varios estilos conocidos de paginas famosas y todos usan los tres puntos para acotar el rango de paginas, alguien sabe como hacer eso.
Grax
PD: estanmuy buenos los estilos.
JL
2007-12-02 15:44:01
hey!!!!!! baje el "Yellow Style" y me descargó el "gray"
a ver si corriges esas ligas... :P
(Así es...! finalmente estoy usando tu paginador //puf)
saludos.
Robert
2007-12-05 00:08:47
I wish I had easier instalation fo WP than we already have :)
You have my digg, thank you so much.
Kempez10
2007-12-13 09:35:26
Disculpen busca en la web css para aplicar al paginator que me pudieran orientar a crear uno propio y me encontre con este sitio, muy bueno, la verdad es que me intereso el tema de los estilos que aquí aparecen pero no logro entender como seria para la funcion paginator envierle le estilo, si alguien pudiera explicarme se los agradeceria.
Testblog » Blog Archive » Une pagination pour Wordpress
2007-12-22 16:37:46
[...] encore, l’auteur à pensé à tout: Si vous ne souhaitez pas styler la pagination vous-même, ce lien propose plus d’une vingtaine de styles différents pret à l’emploi. « 8 [...]
Wordpress Style Pagination Plugin versión 1.2.1 >> Doctor Informática
2007-12-31 13:48:23
[...] Luego tenemos que poner un otro código en nuestro style.css, podemos ver unos (muchos) ejemplos aqui en la web del mismo author. [...]
» Style Pagination in Wordpress | Ivan`s Weblog
2008-01-02 21:49:12
[...] Dan kalau mau rubah stylenya kamu juga bisa download beberapa pilihan style yang sudah siap dipakai. Silakan lihat disini [...]
Pankaj
2008-01-03 00:07:49
This things are excellent. It is very helpful to make proper pagination
紫贝壳 » Blog Archive » 分页案例和好的实践
2008-01-04 04:56:58
[...] 分页效果的下载http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/ [...]
Nico
2008-01-12 10:05:26
Thanks for this selection!
101 CSS Techniques Of All Time- Part2
2008-01-21 17:05:58
[...] Some styles for your pagination- Styles for WP-Digg style pagination plugin, Digg Style pagination Class, the modular version, and the original programed bye strangerstudios. [...]
test
2008-01-21 17:55:23
[...] Some styles for your pagination- Styles for WP-Digg style pagination plugin, Digg Style pagination Class, the modular version, and the original programed bye strangerstudios. [...]
winnie
2008-01-24 23:43:12
Thank you for your collections......
ss
2008-02-05 06:34:08
والله حلوه الأشكال
شكراً لك
this css v.good ..
Thunk you
Все, что Вам необходимо знать о нумерации страниц - досье и примеры » Как бесплатно создать сайт и блог? Журнал для веб-мастеров и блогеро
2008-02-08 00:35:59
[...] варианты оформления нумерации страниц, доступные для бесплатного [...]
101个CSS技术高级应用教程(下) | 帕兰映像
2008-02-12 12:26:54
[...] Some styles for your pagination-提供一些分页导航系统设计供你选择。 [...]
Recursos y Tutoriales » Blog Archive » Tecnicas Css 1ª parte
2008-02-22 06:32:16
[...] Some styles for your pagination- Styles for WP-Digg style pagination plugin, Digg Style pagination Class, the modular version, and the original programed bye strangerstudios. [...]
WP Sayfalama (Pagination) Eklentisi | Net ve Web Serüveni
2008-02-22 18:09:46
[...] tasarımınıza uygun hale getirebilirsiniz. Ancak biraz daha farklı tasarımlar isterseniz şuraya [...]
Навигация по страницам сайта | Gabo.ru
2008-03-04 18:05:20
[...] Таблицы стилей, распространяемые бесплатно: Несколько примеров разбиения сайта на страницы. [...]
.::virtualizado::.» Blog Archive » Paginación Estilo Digg para WordPress 2.5
2008-04-03 19:41:23
[...] Puedes buscar otros diseños para tu paginación en este enlace [...]
Powerfull List of WordPress Lifesavers Plugins
2008-04-07 06:09:59
[...] paged navigation like Digg website. You can choose one CSS Style for your pagination from those of this list and append the CSS to your theme CSS [...]
Dan
2008-04-12 22:10:36
Thank you SO MUCH! They're great :D
Oscar
2008-04-19 05:16:51
Hey, como hago para que en siguiente y anterior salgan flechas en vez de texto?
Elektrik
2008-04-22 18:34:16
thanks you :)
erwin
2008-04-24 10:36:20
muy weno, muy util, me cosot un poco, pero me quedo Bien.
gracias, funciona tambien en Wordpress 2.5 , comprobado.
RP
2008-05-03 13:14:59
hola! usé el black style, pero no logro que se me vea igual... no sé si subí en la carpeta correcta las imágenes que vienen con el estilo. las subí en wp-contentplugins y no pasó nada... también las subí en la raíz de la página y nada... agradezco cualquier ayuda.
buenísimos de todas maneras!
Garri
2008-05-18 06:18:44
You have a top notch site!
Kanchan
2008-06-26 11:08:51
how to integrate this :
Displaying 1 - 16 of 365 queries [Total 22 Pages]
thanks
valver
2008-07-04 02:55:22
Me ha sido de muchisima ayuda los estilos publicados.
Muchas gracias desde Granada.
ted liptak
2008-07-05 11:48:16
Thnaks for this useful plugin
Marcelo
2008-07-14 23:28:58
Excelentes los css. Me gustaron mucho pero yo tengo paginas php pero no en WP.
Igual puedo usar estoy css?
Como los implemento?
Saludos
ragnarok
2008-07-30 01:03:57
great! i just need it !
Hussain
2008-08-26 05:00:09
I think this is the best resource for all the developer to get benefit in development of .NET and JSP as well as PHP for there website paging concepts and styles and logic.
Regards to Mis-algoritmos.com team
Blane
2008-09-05 15:10:48
Muy buenas las paginaciones me gustaria saber donde puedo encontar menus hechos a base full etiquetas que tengan la misma majestuocidad de las etiquetas .
fede
2008-09-20 15:07:19
esta re bueno esto!!! pero tengo una duda, donde se meten las imagenes de los estilos que llevan imagenes?
Srivatsav
2009-05-19 02:33:04
I want "First Previous Next Last" links ony in my pagination. How to do that?.
I want my pagination to look like that in double quotes.
Thanks in advance
Victor De la Rocha
2009-05-20 17:35:52
Sorry, but this form is not supported by the class.
Burak
2009-06-27 13:15:58
Thanks, i'm using black-red style
Erasmo casas
2009-08-07 11:03:53
great css
Minh Trung
2009-08-09 12:32:56
Great collection.
Thank you
Niladri
2009-08-10 06:59:54
It is a very good pagination and use in my own created Admin panel for a project. It works nicely on that.
Nice pagination script and thus make a clear idea where it should properly implement.
Zahir
2009-09-07 05:26:31
Gracias, after much struggling I got the pagination middleware app to work. It looked awful but after finding your css styles it looks great!
toby
2009-09-10 23:42:37
thank you for sharing a very important script
concept w
2009-09-13 17:25:11
10q man, 10X
Marc
2009-09-24 10:43:30
Estan estupendos. muy buena collecion.
Dhananjay
2009-10-20 09:15:48
This is good! Thank You very much it's really helpful to HTML designer.
way
2009-10-28 11:02:16
good!
Süleyman Erdem
2009-11-26 06:57:20
Thank you so much..
Badoo
2009-12-17 18:39:04
¡¡¡Por fin encuentro un css como el de badoo!!! Mil gracias
charis
2010-01-09 06:01:27
thank you so much!
Feratik
2010-02-12 21:36:30
thank for the great job of pagination styles...
Mike
2010-03-17 14:16:05
Not sure if my last comment is approved or not yet, but there was a small error in the code, in case anyone is looking to add the "Page # of #" to the beginning of their pagination -
The code should read -
echo "<div class="pagination"><span class="page-reference">Page ".$page." of ".$lastpage."</span>";
(forgot the "." before "</span>")
You can also replace the "«" and "»" by searching the code for "«" and "»" respectively. Remember a "<" should be written as "<" and a ">" should be written as ">".
暖冬
2010-05-02 00:26:31
Good...
maryam
2010-05-09 07:07:04
hi, thanks, it's really useful css:-)
tun
2010-05-17 03:08:27
good!thanks
mitridates
2010-09-20 16:04:23
Perfecto. Me gustan todos, me los llevo puestos :-)
laura
2010-10-10 13:17:38
I think this is the best resource for all the developer to get benefit in development of .NET and JSP as well as PHP for there website paging concepts and styles and logic.
Paul @ Social Icon Studio
2010-11-09 19:31:37
Awesome Set Thanks For The Share..
Laura Hogarth
2010-11-19 10:31:15
Found this via Smashing Magazine - looks very useful, thank you!
bursa
2010-12-04 05:01:34
though nearly 4 years old, the post is really useful.. thanks
badoo
2010-12-23 22:17:23
estos estilos estan excelentes, gracias por el aporte
check domain age
2010-12-29 03:27:04
Cool flickr pagnation style, thanks.
PHP Ease
2011-01-18 13:15:22
Nice styles. I used them at my <a href="http://www.php-ease.com/classes/pagination.html">PHP Pagination Class</a>. Thanks!
Russell
2011-01-25 05:11:24
Hi there,
This is wonderful! Thank you SO much for making this for us.
Please, could you fix the link to the starcraft style css? It doesn't work. The downloaded file isn't css.
Thank you again!
jhonny
2011-03-05 12:43:11
excelente TE AMO
victor
2011-05-28 13:05:10
que tal amigo,no se si puedes ayudarme pero me gustaria comentarte algo.
estoy creando un cms desde cero me va todo de maravilla ya me falta poco.
tengo el index.php y la carpeta themes>Default>y los archivos tpl.
sabrias decirme como hacer para que al cargar el index cargue el tema Default?
Tambien inserte la etiqueta {themes} delante de los styles/estilo.css pero no hace nada,sabes como hacer para ue esa etiqueta haga su trabajo.
de antemano gracias
jobois
2011-05-31 11:08:50
excelentes css y de muy fácil implementación, gracias.
Saludos...
Robert Eisele
2011-09-04 11:35:13
Hi,
I just want to let you know, that I've used your styles for my jQuery plugin demonstration on http://www.xarg.org/2011/09/jquery-pagination-revised/
Robert
Cool Gadgets
2011-10-07 02:24:45
Is there a way to use it on posts but turn it off on the homepage?
RolyNet
2011-11-04 18:38:03
Excelente Aporte.
Hace tiempo lo habia perdido este link
GRACIAS