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)
80 Comments
Make A CommentComments RSS Feed TrackBack URL
March 16th, 2007 at 10:46 pm
[...] Algoritmos El acordeón que todos necesitamos… « Seguridad en aplicaciones Web Some styles for your pagination [...]
April 3rd, 2007 at 10:48 pm
No tendras una con tonos grises?
April 3rd, 2007 at 11:34 pm
Gracias por el link
April 4th, 2007 at 7:27 pm
@pecesama no tengo con tonos grises jejeYa tengo con tonos grises@devilsoulblack ¿cual link?
May 21st, 2007 at 7:40 pm
hola amigo, cómo se ponen los styles?
May 21st, 2007 at 8:12 pm
@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)) ...
May 22nd, 2007 at 3:36 pm
Hoo que bien, toda una coleccion de paginaciones, de todos los colores y sabores, que sabroso!!
May 26th, 2007 at 6:16 am
[...] puedes escoger entre diferentes estilos de paginación emulando a famosas webs como Digg, Flickr, Meneame, Sabrosus, [...]
May 27th, 2007 at 7:30 pm
[...] Mis Algoritmos El acordeón que todos necesitamos… « Some styles for your pagination [...]
May 28th, 2007 at 8:31 pm
[...] 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 [...]
May 28th, 2007 at 8:39 pm
Estan muy buenos
May 30th, 2007 at 2:19 am
[...] Set vorgefertigter Paginierungen. 17 CSS-Dateien mit ganz unterschiedlicher Wirkung stehen zum Download [...]
May 30th, 2007 at 10:22 am
Nice - good for attention to detail.
May 30th, 2007 at 2:03 pm
[...] Mis Algoritmos » Blog Archive » Some styles for your pagination [...]
May 30th, 2007 at 2:47 pm
Thank you very much. I like most of them.
May 30th, 2007 at 8:30 pm
[...] Mis Algoritmos » Blog Archive » Some styles for your pagination (tags: css design webdesign) [...]
May 30th, 2007 at 8:36 pm
[...] Mis Algoritmos » Blog Archive » Some styles for your paginationTags: css webdesign [...]
May 31st, 2007 at 11:21 am
Yeah.... I like your collection about this css-pagination and i use on my business-website one style, again.
May 31st, 2007 at 12:31 pm
[...] Dr. Web Blog veröffentlichte eine Auflistung von CSS Paginierungen von der Seite mis-algoritmos.com. Die 17 Beispiele stehen zum Download [...]
May 31st, 2007 at 2:30 pm
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?
June 1st, 2007 at 10:10 am
@Rafael Franco nadamás incluir la hoja de estilo en tu blog.
June 6th, 2007 at 1:17 am
[...] Some styles for your pagination (tags: css) [...]
June 6th, 2007 at 6:09 pm
[...] 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 [...]
June 12th, 2007 at 4:17 pm
here's an idea... pagination is STUPID. This is the WEB, not a MAGAZINE.
June 13th, 2007 at 6:28 am
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]
June 14th, 2007 at 6:40 am
[...] elegir en esta pagina entre varios [...]
June 18th, 2007 at 4:27 am
Estan estupendos. muy buena collecion.
June 24th, 2007 at 1:47 pm
[...] ú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 [...]
September 9th, 2007 at 1:06 pm
[...] CSS styles for your [...]
September 25th, 2007 at 3:55 pm
estupendos, excelente collecion.
September 26th, 2007 at 8:48 am
[...] Some style for your pagination, segnalata qui sul blog, vale la pena di citare Pagination 101 di Faruk Ates, un vero e proprio [...]
September 30th, 2007 at 5:22 am
[...] Escoge el estilo [...]
October 3rd, 2007 at 1:41 am
[...] De belles présentations de pagination mis-algoritmos.com ou encore ici [...]
October 3rd, 2007 at 4:34 pm
[...] 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. [...]
October 3rd, 2007 at 7:24 pm
[...] 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 [...]
October 4th, 2007 at 2:14 am
[...] 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 [...]
October 4th, 2007 at 3:04 am
[...] mis-algoritmos he encontrado un elegante set de estilos de paginación realizados con CSS y listos para descargar y [...]
October 4th, 2007 at 12:00 pm
[...] 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 [...]
October 7th, 2007 at 5:13 am
[...] Paginaciones -http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/ [...]
October 20th, 2007 at 7:16 am
[...] 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 [...]
October 24th, 2007 at 9:49 am
Debo ser gilipollas, porque aun no he conseguido que esto funcione.
October 26th, 2007 at 9:39 am
No desesperes, con calma que está muy sencillo.
November 5th, 2007 at 10:13 pm
Excelente, Víctor!
Funciona perfecto cuando el llamado es desde footer.php o header.php, pero aparece sin estilos cuando navegas con Firefox/2.0.0.9 (para windows).
Yo quice poner este plug en algunas de las plantillas de categoría (category-5.php, p/ejem), y estas plantillas no jalan la configuración total del blog, sí funciona el paginado pero no jala el CSS, aparece sin estilo.
salud!
November 5th, 2007 at 11:23 pm
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!
November 5th, 2007 at 11:27 pm
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
November 6th, 2007 at 1:05 am
Voy hacer un test con etiquetas a ver si sale el codigo
a ver ...
November 6th, 2007 at 1:13 am
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/
-------------
November 7th, 2007 at 12:19 pm
[...] 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 [...]
November 15th, 2007 at 12:32 pm
[...] Style sheets freely available for free download: Some Styles For Your Pagination. [...]
November 18th, 2007 at 6:21 am
[...] 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 [...]
November 18th, 2007 at 9:20 pm
[...] این لینک هم می تونید یک سری قالب های آماده pagination رو پیدا [...]
November 19th, 2007 at 1:21 am
[...] Some styles for your pagination [...]
November 20th, 2007 at 2:47 pm
[...] Pagination Styles (for download) “previous, 1, 2, 3, …, next” in different styles - Download stylesheets (tags: design navigation webdesign css pagination) [...]
November 25th, 2007 at 12:42 am
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
November 25th, 2007 at 10:00 pm
@Paul: you need to do this:
$p->target('http://localhost/filename.php?Field=test1find=test2');
And the pagination class will be add the page parameter to this url.
November 30th, 2007 at 12:28 pm
Excelente, El Plugin sirve perfecto muchas gracias!
December 2nd, 2007 at 2:41 am
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.
December 2nd, 2007 at 3:33 am
Hola @Daniel: En esta entrada del blog muestro únicamente los estilos de paginación CSS que puedes aplicar a la clase de paginación que estructuré basada en la creación de Jason Coleman en su sitio web.
Y aquí un ejemplo de como podrías paginar tus consultas SQL.
Espero esto resuelva la duda
December 2nd, 2007 at 3:44 pm
hey!!!!!! baje el "Yellow Style" y me descargó el "gray"
a ver si corriges esas ligas...
(Así es...! finalmente estoy usando tu paginador //puf)
saludos.
December 5th, 2007 at 12:08 am
I wish I had easier instalation fo WP than we already have
You have my digg, thank you so much.
December 13th, 2007 at 9:35 am
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.
December 22nd, 2007 at 4:37 pm
[...] 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 [...]
December 29th, 2007 at 6:19 pm
[...] Some styles for your pagination 关键词: blog themes, WordPress, WordPress themes, 博客模板 [ 相关阅读 ] [...]
December 31st, 2007 at 1:48 pm
[...] Luego tenemos que poner un otro código en nuestro style.css, podemos ver unos (muchos) ejemplos aqui en la web del mismo author. [...]
January 2nd, 2008 at 9:49 pm
[...] Dan kalau mau rubah stylenya kamu juga bisa download beberapa pilihan style yang sudah siap dipakai. Silakan lihat disini [...]
January 3rd, 2008 at 12:07 am
This things are excellent. It is very helpful to make proper pagination
January 4th, 2008 at 4:56 am
[...] 分页效果的下载http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/ [...]
January 12th, 2008 at 10:05 am
Thanks for this selection!
January 21st, 2008 at 5:05 pm
[...] 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. [...]
January 21st, 2008 at 5:55 pm
[...] 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. [...]
January 24th, 2008 at 11:43 pm
Thank you for your collections......
February 5th, 2008 at 6:34 am
والله حلوه الأشكال
شكراً لك
this css v.good ..
Thunk you
February 8th, 2008 at 12:35 am
[...] варианты оформления нумерации страниц, доступные для бесплатного [...]
February 12th, 2008 at 12:26 pm
[...] Some styles for your pagination-提供一些分页导航系统设计供你选择。 [...]
February 22nd, 2008 at 6:32 am
[...] 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. [...]
February 22nd, 2008 at 6:09 pm
[...] tasarımınıza uygun hale getirebilirsiniz. Ancak biraz daha farklı tasarımlar isterseniz şuraya [...]
March 4th, 2008 at 6:05 pm
[...] Таблицы стилей, распространяемые бесплатно: Несколько примеров разбиения сайта на страницы. [...]
April 3rd, 2008 at 7:41 pm
[...] Puedes buscar otros diseños para tu paginación en este enlace [...]
April 7th, 2008 at 6:09 am
[...] 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 [...]
April 12th, 2008 at 10:10 pm
Thank you SO MUCH! They're great