Inicio | ¿Sidebar? | RSS

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)

« Previous1234567...199200

Yahoo Style (Download CSS)

« Previous1234567...199200

New Yahoo! Style (Download CSS)

Meneame Style (Download CSS) (Download background)

« Previous1234567...199200

Flickr Style (Download CSS)

« Previous1234567...199200

Sabros.us Style (Mi sabros.us) (Download CSS)

« Previous1234567...199200

Green Style (Download CSS)

« Previous1234567...199200

Gray Style (Download CSS)

« Previous1234567...199200

Black Style (Download CSS) (Download background 1, Download background 2)

« Previous1234567...199200

Mis Algoritmos Style (Download CSS)

« Previous1234567...199200

Black-Red Style (Download CSS)

« Previous1234567...199200

Gray Style 2 (Download CSS)

« Previous1234567...199200

Yellow Style (Download CSS)

« Previous1234567...199200

Jogger Style (Download CSS)

« Previous1234567...199200

starcraft 2 Style (Download CSS)

« Previous1234567...199200

Tres Style (Download CSS)

« Previous1234567...199200

512megas Style (Download CSS)

« Previous1234567...199200

Technorati Style (Download CSS)

« Previous1234567...199200

YouTube Style (Download CSS)

MSDN Search Style (Download CSS)

◄ Previous1234567...199200

Badoo Style (Download CSS)

« Previous1234567...199200

Blue Style (Download CSS)

« Previous1234567...199200

Green-Black Style (Download CSS + image1 + image2)

« Previous1234567...199200

viciao2k3.net/blog Style (Download CSS)

« Previous1234567...199200

108 comentarios en "Some styles for your pagination"

Mis Algoritmos » Blog Archive » WP Digg Style Pagination Plugin

[...] Algoritmos El acordeón que todos necesitamos… « Seguridad en aplicaciones Web Some styles for your pagination [...]

pecesama

No tendras una con tonos grises?

devilsoulblack

Gracias por el link :)

Victor De la Rocha

<del>@pecesama no tengo con tonos grises jeje</del> Ya tengo con tonos grises :)

@devilsoulblack ¿cual link?

Eduardo Arcos Barredo

hola amigo, cómo se ponen los styles?

Victor De la Rocha

@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

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) »

[...] 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

[...] Mis Algoritmos El acordeón que todos necesitamos… « Some styles for your pagination [...]

WP Digg Style Pagination: Plugin para paginación en WordPress

[...] 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

Estan muy buenos

CSS-Paginierungen | Dr. Web Weblog

[...] Set vorgefertigter Paginierungen. 17 CSS-Dateien mit ganz unterschiedlicher Wirkung stehen zum Download [...]

Pete White

Nice - good for attention to detail.

oriolrius lifestream » Mis Algoritmos » Blog Archive » Some styles for your pagination

[...] Mis Algoritmos » Blog Archive » Some styles for your pagination [...]

Asslig

Thank you very much. I like most of them.

links for 2007-05-31 » Holger Dieterich - Web Konzepter

[...] Mis Algoritmos » Blog Archive » Some styles for your pagination (tags: css design webdesign) [...]

Das WepLock » Blog Archive » del.icio.us vom 30.05.2007

[...] Mis Algoritmos » Blog Archive » Some styles for your paginationTags: css webdesign [...]

Ralph

Yeah.... I like your collection about this css-pagination and i use on my business-website one style, again.

Frischerlook - Mediengestaltung mit frischhaltegarantie » Größe Liste um Pagenavigationen zu gestalten

[...] Dr. Web Blog veröffentlichte eine Auflistung von CSS Paginierungen von der Seite mis-algoritmos.com. Die 17 Beispiele stehen zum Download [...]

Rafael Franco

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?

Victor De la Rocha

@Rafael Franco nadamás incluir la hoja de estilo en tu blog.

Skylog » Blog Archive » links for 2007-06-06

[...] Some styles for your pagination (tags: css) [...]

MicroZulo » Blog Archive » WP Digg Style Pagination

[...] 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

here's an idea... pagination is STUPID. This is the WEB, not a MAGAZINE.

Ian Quigley

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]

Latino Munich

Estan estupendos. muy buena collecion.

Plugin Digg style pagination

[...] ú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 [...]

daniela

estupendos, excelente collecion.

Aggregatore News sui Motori di Ricerca » Bookmark: design e interfacce

[...] Some style for your pagination, segnalata qui sul blog, vale la pena di citare Pagination 101 di Faruk Ates, un vero e proprio [...]

La Guimauve du Web » Quelques news sur les css

[...] De belles présentations de pagination mis-algoritmos.com ou encore ici [...]

Pagina tus resultados con estilo | aNieto2K

[...] 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

[...] 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

[...] 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

[...] 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

[...] 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

[...] 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.

[...] 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

Debo ser gilipollas, porque aun no he conseguido que esto funcione.

Victor De la Rocha

No desesperes, con calma que está muy sencillo.

Guerry

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!

Guerry

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

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

Voy hacer un test con etiquetas a ver si sale el codigo

<code>

</code>

a ver ...

Guerry

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

[...] 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

[...] Style sheets freely available for free download: Some Styles For Your Pagination. [...]

.:Trozos de Código:. » Enlaces para el 2007/11/16

[...] 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)

[...] این لینک هم می تونید یک سری قالب های آماده pagination رو پیدا [...]

fireyy blog » [我的收藏]2007年11月19日(3)

[...] Some styles for your pagination [...]

links for 2007-11-20 | MY Vast Right Wing Conspiracy

[...] Pagination Styles (for download) “previous, 1, 2, 3, …, next” in different styles - Download stylesheets (tags: design navigation webdesign css pagination) [...]

stencer

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

@<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

Excelente, El Plugin sirve perfecto muchas gracias!

Daniel

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.

Victor De la Rocha

Hola @<strong>Daniel</strong>: En esta entrada del blog muestro únicamente los <strong>estilos</strong> de paginación <strong>CSS</strong> que puedes aplicar a la <a href="http://www.mis-algoritmos.com/2007/05/27/digg-style-pagination-class/" rel="nofollow">clase de paginación</a> que estructuré basada en la <a href="http://www.strangerstudios.com/sandbox/pagination/diggstyle.php" rel="nofollow">creación de Jason Coleman</a> en su sitio web.

Y aquí un ejemplo de <a href="http://www.mis-algoritmos.com/2007/06/10/how-to-paginate-your-sql-querys/" rel="nofollow">como podrías paginar tus consultas SQL</a>.

Espero esto resuelva la duda ;)

JL

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

I wish I had easier instalation fo WP than we already have :)
You have my digg, thank you so much.

Kempez10

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

[...] 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 [...]

百川備忘錄 (Live Memo & Digest) » More about WordPress Themes

[...] Some styles for your pagination 关键词: blog themes, WordPress, WordPress themes, 博客模板 [ 相关阅读 ] [...]

Wordpress Style Pagination Plugin versión 1.2.1 >> Doctor Informática

[...] 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

[...] Dan kalau mau rubah stylenya kamu juga bisa download beberapa pilihan style yang sudah siap dipakai. Silakan lihat disini [...]

Pankaj

This things are excellent. It is very helpful to make proper pagination

紫贝壳 » Blog Archive » 分页案例和好的实践

[...] 分页效果的下载http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/ [...]

Nico

Thanks for this selection!

101 CSS Techniques Of All Time- Part2

[...] 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

[...] 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

Thank you for your collections......

ss

والله حلوه الأشكال

شكراً لك

this css v.good ..

Thunk you

101个CSS技术高级应用教程(下) | 帕兰映像

[...] Some styles for your pagination-提供一些分页导航系统设计供你选择。 [...]

Recursos y Tutoriales » Blog Archive » Tecnicas Css 1ª parte

[...] 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

[...] tasarımınıza uygun hale getirebilirsiniz. Ancak biraz daha farklı tasarımlar isterseniz şuraya [...]

Навигация по страницам сайта | Gabo.ru

[...] Таблицы стилей, распространяемые бесплатно: Несколько примеров разбиения сайта на страницы. [...]

.::virtualizado::.» Blog Archive » Paginación Estilo Digg para WordPress 2.5

[...] Puedes buscar otros diseños para tu paginación en este enlace [...]

Powerfull List of WordPress Lifesavers Plugins

[...] 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

Thank you SO MUCH! They're great :D

Oscar

Hey, como hago para que en siguiente y anterior salgan flechas en vez de texto?

erwin

muy weno, muy util, me cosot un poco, pero me quedo Bien.

gracias, funciona tambien en Wordpress 2.5 , comprobado.

RP

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

You have a top notch site!

Kanchan

how to integrate this :

Displaying 1 - 16 of 365 queries [Total 22 Pages]

thanks

valver

Me ha sido de muchisima ayuda los estilos publicados.

Muchas gracias desde Granada.

ted liptak

Thnaks for this useful plugin

Marcelo

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

great! i just need it !

Hussain

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

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

esta re bueno esto!!! pero tengo una duda, donde se meten las imagenes de los estilos que llevan imagenes?

Srivatsav

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

Sorry, but this form is not supported by the class.

Burak

Thanks, i'm using black-red style

Minh Trung

Great collection.
Thank you

Niladri

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

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

thank you for sharing a very important script

Marc

Estan estupendos. muy buena collecion.

Dhananjay

This is good! Thank You very much it's really helpful to HTML designer.

Süleyman Erdem

Thank you so much..

Badoo

¡¡¡Por fin encuentro un css como el de badoo!!! Mil gracias

charis

thank you so much!

Deja un comentario

Suscribirse a los comentarios.