CSS3 + Script paginacion

[Jualx87]

Hola... encontré un css3 muy cool para la paginación y lo comparto con ustedes, aclaro que para llegar a este resultado tuve que modificar la css3 al script de la paginación. Espero les guste

Primero el Script

Spoiler:

<!-- Paginación --> <b:if cond='data:blog.pageType != &quot;item&quot;'> <script type='text/javascript'> var pageCount=5; var displayPageNum=3; var upPageWord ='Anterios'; var downPageWord ='Siguiente'; </script> <script src='http://dl.dropbox.com/u/17528574/blogger-page-navi.v2.js.txt' type='text/javascript'/> </b:if>

Y ahora las css3 para ese Script

Spoiler:

/* CSS3 Paginación -------------------------------------------------------------- */ .showpageArea { padding: 10px 0 !important; display: block !important; clear:both !important; } .showpageArea span{ color:#333333 !important; text-shadow:0px 1px #F6F6F6 !important; padding:6px 9px 6px 9px !important; border:solid 1px #B6B6B6 !important; box-shadow:0px 1px #EFEFEF !important; background:#E6E6E6 !important; background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important; background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important; font-size:12px !important; margin-right:3px !important; text-decoration:none !important; border-radius: 3px; } .showpageArea span:hover { color:#fff !important; text-shadow:0px 1px #3C3C3C !important; border-color:#202020 !important; background:#525252 !important; background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important; background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important; color:#FFFFFF !important; box-shadow:0px 1px #E7E7E7 !important; border-radius: 3px; }

Y el resultado obtenido es el siguiente:


Espero esto halla sido de su agrado... Agrades a Dianela que me ayudo y oriento en algunos detalles

[Hunted]

[baduser]

[Hectorsito20]

[VJEVans]

exelente .. gracias compañero ...