124 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.

Asslig

Thank you very much. I like most of them.

Ralph

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

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?

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.

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

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.

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

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

Erasmo casas

great css

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!

Feratik

thank for the great job of pagination styles...

Mike

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 ">".

maryam

hi, thanks, it's really useful css:-)

tun

good!thanks

mitridates

Perfecto. Me gustan todos, me los llevo puestos :-)

laura

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

Awesome Set Thanks For The Share..

Laura Hogarth

Found this via Smashing Magazine - looks very useful, thank you!

bursa

though nearly 4 years old, the post is really useful.. thanks

badoo

estos estilos estan excelentes, gracias por el aporte

check domain age

Cool flickr pagnation style, thanks.

PHP Ease

Nice styles. I used them at my <a href="http://www.php-ease.com/classes/pagination.html">PHP Pagination Class</a>. Thanks!

Russell

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

excelente TE AMO

victor

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

excelentes css y de muy fácil implementación, gracias.


Saludos...

Robert Eisele

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

Is there a way to use it on posts but turn it off on the homepage?

RolyNet

Excelente Aporte.

Hace tiempo lo habia perdido este link

GRACIAS

newguy

Hi, i downloaded Version 0.4.1 from http://mis-algoritmos.com/2007/05/27/digg-style-pagination-class

How do i apply these styles to it?

I copy the css from http://mis-algoritmos.com/wp-content/uploads/pagstyle.php?q=msdn

and then where should i put the css code in?

Thanks for help!

Alquiler de yates

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.

tufan

Thank you very much. This class is perfect. Thank you again.

sylvaing

I'm using Joomla. All these styles work very well on pagination of my articles in categories view, but not on my single articles view... Have you got an idea of my problem ?

Magna

I don't know why my comment keeps disappearing but, the url friendly version does not work. It just refreshes the page if I remove the hash tag sign and if I add that it just stays there nothing happens. At least tell us how to figure it out instead of deleting the comments.

Deja un comentario

¿Cuanto es 2 + 3 - 5? =

Suscribirse a los comentarios.