Vai ai contenuti

Pages (42) 1 2 3 4 5... 42

HTML

<div class="showpageArea">
<span class="showpageOf"> Pages (42)</span>
<span class="showpagePoint">1</span>
<span class="showpageNum"><a href="#" class="phyhomenum">2</a></span>
<span class="showpageNum"><a href="#" class="phyhomenum">3</a></span>
<span class="showpageNum"><a href="#" class="phyhomenum">4</a></span>
<span class="showpageNum"><a href="#" class="phyhomenum">5</a></span>...
<span class="showpageNum"><a href="#" class="phyhomenum">42</a></span>
</div>

CSS

.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(../files/wp1.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #888;
background: #ccc url(../files/wp1.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.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: #666 url(../files/wp1.jpg) 0 0 repeat-x;
text-decoration: none;
}

> scarica immagine< da allegare con la graffetta di oggetto HTML


Torna ai contenuti | Torna al menu