Muestras código PHP pero eso no sirve de momento...
Ahora te mostraré un código de ejemplo, de esto tendrás que implementarlo en tu código
Código PHP:
Ver originalecho "<div class="paginator_linkanterior"><a href=".$_SERVER['PHP_SELF']."?pag=".$anterior.$extra_variables."><< Anterior | </a></div>";
}
//demás código...
echo '<div class="paginator_bloquepaginas">';
for($i=$abajo;$i<=$links;$i++){
if($link_break<$i){
break;
}
else{
if($pag==$i){
echo $i." | ";
}
else{
echo "<div class="paginator_bloquepaginas_item"><a href='".$_SERVER['PHP_SELF']."?pag=".$i.$extra_variables."'>";
echo $i;
echo " | </a></div>";
}
}
}
echo '</div>';
//Más código...
echo '<div class="paginator_linksiguiente"><a href=".$_SERVER['PHP_SELF']."?pag=".$siguiente.$extra_variables.">Siguiente >></a></div>";
Al final obtendrás un código HTML como este...
Código HTML:
Ver original<div class="paginator_linkanterior"> <a href="mipagina.php?pag=mivariable">Anterior
<<</a>
<div class="paginator_bloquepaginas"> <div class="paginator_bloquepaginas_item"> <a href="mipagina.php?pag=mivariable">1
</a> <div class="paginator_bloquepaginas_item"> <a href="mipagina.php?pag=mivariable">2
</a> <div class="paginator_bloquepaginas_item"> <a href="mipagina.php?pag=mivariable">3
</a> <div class="paginator_linksiguiente"> <a href="mipagina.php?pag=mivariable">Siguiente >>
</a>
Y tu código CSS...
Código CSS:
Ver original.paginator_linkanterior, .paginator_linksiguiente {
background-color:#0000ff;
color: #ffffff;
padding: 5px;
border: 1px solid #ffffff;
}
.paginator_bloquepaginas {
overflow: auto;
}
.paginator_bloquepaginas .paginator_bloquepaginas_item {
background-color:#0000ff;
color: #ffffff;
padding: 5px;
border: 1px solid #ffffff;
}
Obviamente todo esto es como ejemplo, modificalo según tus necesidades