Modelo 1
/ * PageNav
--------------------------- * /
. ShowpageArea a {
text-decoration: underline;
}
. ShowpageNum a {
text-decoration: none;
border: 1px solid # cccccc; / * Edite uma cor da Borda si Quiser * /
margin: 0 3px;
padding: 3px;
}
. ShowpageNum a: hover {
border: 1px solid # cccccc; / * Edite uma cor da Borda * /
background-color: # cccccc; / * Edite uma cor de Fundo Quiser si * /
}
. ShowpagePoint {
color: # 333; / * Edite uma cor da Fonte * /
text-decoration: none;
border: 1px solid # cccccc; / * Edite uma cor da Borda si Quiser * /
background: # cccccc; / * Edite uma cor de Fundo Quiser si * /
margin: 0 3px;
padding: 3px;}
. ShowpageOf {
text-decoration: none;
padding: 3px;
margin: 0 0 0 3px;}
. Showpage a {
text-decoration: none;
border: 1px solid # cccccc; / * Edite uma cor da Borda si Quiser * /
padding: 3px;}
. Showpage a: hover {
text-decoration: none;
}
. ShowpageNum a:. Link, showpage a: link {
text-decoration: none;
color: # 333333; / * Edite uma cor da Fonte * /
}
Modelo 2
/ * PageNav
--------------------------- * /
. ShowpageArea {
font-family: verdana, arial, helvetica;
color: # 000;
font-size: 11px;
margin: 10px;}
. ShowpageArea a {
color: # fff;
}
. ShowpageNum a {
padding: 3px 4px;
margin: 0 4px;
text-decoration: none;
border-top: 2px solid # 000;
border-left: 1px solid # 000;
border-right: 1px solid # 000;
border-bottom: 1px solid # 000;
background: url # 666 (http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0-25px repeat-x;}
. ShowpageNum a: hover {
border-top: 2px solid # 999;
border-left: 1px solid # 999;
border-right: 1px solid # 999;
border-bottom: 1px solid # 999;
background: url # 999 (http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0-50px repeat-x;
}
. ShowpagePoint {
color: # fff;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
border-top: 2px solid # 000;
border-left: 1px solid # 000;
border-right: 1px solid # 000;
border-bottom: 1px solid # 000;
background: url # 000 (http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 0 repeat-x;
text-decoration: none;
}
. ShowpageOf {margin: 0 0 0 8px;
}
Modelo 3
/ * PageNav
--------------------------- * /
. ShowpageArea {
font-family: verdana, arial, helvetica;
color: # 000;
font-size: 11px;
margin: 10px;}
. ShowpageArea a {
color: # 000;
text-shadow: 0 1px 2px # fff;
font-weight: 700;
}
. ShowpageNum a {
padding: 3px 8px;
margin: 0 4px;
text-decoration: none;
border: 1px solid # 999;
-Webkit-border-radius: 3px;-moz-border-radius: 3px;
background: # ddd url (http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0-50px repeat-x;
}
. ShowpageNum a: hover {
border: 1px solid # 888;
background: # ccc url (http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0-25px repeat-x;
}
. ShowpageOf {
margin: 0 0 0 8px;
}
. ShowpagePoint {
color: # fff;
text-shadow: 0 1px 2px # 333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-Webkit-border-radius: 3px;-moz-border-radius: 3px;
border: 1px solid # 999;
background: url # 666 (http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 0 repeat-x;
text-decoration: none;
}
0 comentários:
Postar um comentário