2

Paginação com Barra Rolante.





Já pensou em colocar em Páginas Seu blog?
Mas a quê vemos normalmente Ela é simples muito!
Experimente ESTA dica não Encontrada Mamanunes:
Até VA html e adquirir por]]> </ b: skin>
Coloque Este Acima logo Código:
.paginator {
margin-top:60px;
font-size:1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:3px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:2px 6px;
}
.paginator span strong {
background:#ff6c24;
font-style:normal;
font-weight:normal;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%;height:3px;
background:#ccc;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:2;
width:0; height:3px;
top:0; left:0;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-5px; left:50%;
margin-left:-10px;
width:20px; height:20px;
overflow:hidden;
background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) 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;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}

Agora Pela adquirir tag </ body> e não cole Este Código DELE final:

<script src='http://all-in-one-blogger-widget.googlecode.com/files/paginator3000.js' type='text/javascript'/>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
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'/>

Prontinho! Verifique se ESTÁ funcionando certinho e salve!
O Que Mudar PoDE VOCÊ?

* Mudar uma Linha da cor:
Troque o fundo # ff6c24 Por Uma cor da SUA prefência;

* O fundo da página onde estamos:
. Paginador span (forte 
background: # ff6c24 / * Mudar o Código da cor * /

* A cor dos Números:
padding: 3px 0;
cor: # fff; / * Mudar a * NÚMERO fazer /

* A cinza Linha:

. Paginador. Scroll_trough (
width: 100%; altura: 3px;
background: # ccc; / * Mudar cor a * /
Pronto! Se gostou comente VOCÊ! 






2 comentários:

Micarla

oi querida,passei pra te avisar que tem selo p/ vc,é o selo blog pura paixão,pode ir buscar,é com carinho que ofereço,boa noite.

brisa48@bol.com.br

OLÁ BOA TARDE VIM TE FAZER UMA VISITINH APARA CONHCECER MEU TEU CANTINHO. ADOREI VIM TBM DE CONVIDAR PARA SER MINHA MAIS NOVA AMIGA AQUI NO BLOGGER. FICAREI MUITO FELIZ UM ABRAÇO FRATERNO.

Me trazem visitas


compartilhe no orkut

Loading

Tradutor


Post recentes

Últimos Comentários

Vamos conversar?


Minhas Músicas

!-- BEGIN CBOX - www.cbox.ws - v001 -->

Post