número de postos que trabalha para mostrar as página deslizante

 

Antes gemablog mostrou um widget para adicionar paginação, desta vez, o tema também aborda numerados, mas os estilos são diferentes e, em vez mostrar a linha de navegação praças mostra um efeito de deslocamento, também estava por trás do texto "Páginas", que muitos tinham para mudar para ele em vista. E, como relatado por seu autor Abu Farhan conseguiu algo muito importante para o seu funcionamento para além do post 500.

e apenas antes de ]]></b:skin> adiciona los estilos:

. Paginator 
(margin-top: 60px; 
font-size: 

1em;). Paginator tabela 
(border-collapse: collapse; 
table-layout: fixed; 
width: 

100%;) tabela paginator. Td 
(padding: 0; 
white-space : nowrap; 
text-align: 

center;). Paginator span 
(visualização: block; 
padding: 3px 0; 
color: # 

fff;). 
span paginator forte, paginador. span um 
padding (: 2px 

6px;). Paginator span forte ( 
background: # ff6c24; 
font-style: normal; 
font-weight: 

normal;). paginator. scroll_bar 
(width: 100%; height: 20px; 
position: relative; 
margin-top: 

10px;). paginator. scroll_trough 
(largura: 100%; height: 3px; 
background: # ccc 
overflow;: 

hidden;) paginator. scroll_thumb. 
(position: absolute; 
z-index: 2; 
width: 0; height: 3px; 
top: 0; deixou 
font: 0; -- size: 1px; 
background: # 

363636;). paginator. scroll_knob 
(position: 
absolute;-top: 5px; left: 50%; 
margem-left: 10px; 
width: 20px; height: 20px; 
overflow: hidden; 
background: http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif (URL) no-repeat% 50 50%; 
cursor: pointer; cursor: 

hand;). paginator. current_page_mark 
(position: absolute; 
z-index: 1, 
top: 0; left: 0; 
width: 0; height: 3px; 
overflow: hidden; 
background: # 

ff6c24,). fullsize. scroll_thumb 
(display: 

none;). paginator_pages 
(width: 600px; 
texto -align: right; 
font-size: 0.8em; 
color: # 808080; 

margin-top:-10px;)

Buscamos </body> al final de la plantilla e apenas antes adicionar:

<script src='http://all-in-one-blogger-widget.googlecode.com/files/paginator3000.js' type='text/javascript'/>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='http://all-in-one-blogger-widget.googlecode.com/files/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>

Em "postperpage var" é o número de postos de trabalho para mostrar por página, deve corresponder ao número de mostrar que nós Configurações.

Onde "numshowpage var" é a quantidade de números que mostram em cada página.


Modificações fazer también sobre a cor.


- Color Line pode alterar o fundo de "paginator. Current_page_mark"


- Assim como o pano de fundo "span paginator forte" para os números de página onde estamos.


"A cor do span paginator numeração"


- A linha cinzenta em "paginator. Scroll_trough"


- Existe uma imagem em estilos que acomodam recomendo o download e em outros lugares para se certificar de que não vamos perder, a imagem é a seguinte URL e podemos substituir nossos estilos de:


http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif


- Há um detalhe que devemos levar em conta No final do script script para adicionar outro que não é Adequado ver, porque dá a banda algum site onde você vai descobrir Transferência de que vamos superar ou script não funcionará.


Nós cerveja ou seguinte endereço na barra de ferramentas do navegador e baixar ou script para o seu PC e, em seguida, avançar para enviar-lo para o nosso alojamento.


http://all-in-one-blogger-widget.googlecode.com/files/paginator3000-forblogger-v1.0.0.js


- Podemos ver um exemplo de Abu Farhan e meu exemplo.

creditos home page gemablog

Technorati Marcas: número,de,postos,que,trabalha,para,mostrar,as,página,deslizante

• Divulgar no del.icio.us
• Divulgar no Digg
• Adicionar nos Favoritos do Google
• Enviar para o Twitter
• Compartilhar no Facebook
• Compartilhar no Technorati
• Enviar para o MySpace