[Estilo paginado - Css +Jquery ]

[Dhayzon]

cambiaremos esto



por este otro exactamente,



se puede hacer   de muchas formas pero esta fue la mas rápida  que pude hacerxD

primero asegúrate que tu tema tenga Jquery. +1.3

agregar al final de tu theme.js te tu tema plantilla etc.

Code Select Expand

  $(document).ready(function(){
$(".pagelinks").removeClass("floatleft");
     $(".pagesection .pagelinks").html(
     

                function(i, val) {
                  xd = val.replace(/\[|\]/g, '');
                       console.log(val);
                     return "<span class='smfPagination-label'>" + xd + "</span>";
                 }

            );

});


agregas esto al final de tu index.css

Code Select Expand

/*pagination
*dhayzon.com
*smf pagination Style Csss
*
*/
.smfPagination-label {
    width: 100%;
    display: inline-block;
    margin: 10px 0;
}

.smfPagination-label>a {
    background: #1a535f;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 3px;
    color: white;
      text-decoration: none;
}
.smfPagination-label>strong {
    background: #c5543a;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 3px;
    color: white;
}

.smfPagination-label>span {
    background: #1e4249;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 3px;
    color: #fdf5ba;
    margin-right: 3px;
}


y listo :v  realmente no lo probe en el thema por defecto pero trate de adaptarlo
demo

http://cssdeck.com/labs/u3yabf9g

[Diego Andrés]

Gracias por el tip, es bastante útil. En SMF 2.0 yo diría que es bastante engorroso modificar la paginación al gusto (si es un theme para descargar por ejemplo), además de css y js. Afortunadamente en smf 2.1 colocaron la paginacón en el index.template.php y ahora el poder es ilimitado en esa zona

Saludos y gracias por el aporte

[d3vcho]

Muy buen tutorial. La verdad es bastante útil y queda muy bonito. Buen trabajo

Saludos

[-Rock Lee-]

Parece bastante bueno voy a probarlo que tal gracias por compartir!


Saludos!

[Dhayzon]

esto esta de mas   console.log(val); xD

[-Rock Lee-]

esto esta de mas   console.log(val); xD

Ya me parecía... ¿No lo probaste en el theme default verdad? probé uno tengo y no funciona ya luego veo mas detallado si lo que me falta es el jquery +1.3


Saludos!

[Dhayzon]

no directamente, pero si tienes la librería jquery debería funcionar muy bien, solo quede con la duda del css eso es lo que probablemente falle,

es probable que quede a si de desalineado xD  uno arriba y otro abajo

[-Rock Lee-]

Directamente no aplica el cambio... entonces debo buscar un theme use jquery para poder aplicarlo xD


Saludos!

[^HeRaCLeS^]

Se agradece el aporte y siempre es bien recibido el aporte de cualquiera.

A mi particularmente no me gusta la idea de utilizar jquery cuando se puede lograr solo con css.
Y difiero mucho con el comentario de diego..

En SMF 2.0 yo diría que es bastante engorroso modificar la paginación al gusto (si es un theme para descargar por ejemplo)

Con solo agregar dos lineas de codigo al index.template se puede modificar al gusto de cada uno la paginacion.