6 نمادج رائعة لترقيم صفحات بلوجر

30‏/04‏/2010









النمادج لabu-farhan و  هي على الترتيب










.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 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(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 0 repeat-x;

  text-decoration: none;

  }











.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 #919106;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -50px repeat-x;

  }



.showpageNum a:hover {

  border:1px solid #aeae0a;

  background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.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 #919106;

  background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 0 repeat-x;

  text-decoration: none;

  }











.showpageArea {

  font-family:verdana,arial,helvetica;

  color: #000;

  font-size:11px;

  margin:10px;

  }



.showpageArea a {

  color: #fff;

  }



.showpageNum a {

  padding: 3px 8px;

  margin:0 4px;

  text-decoration: none;

  background: #363636 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -25px repeat-x;

  }



.showpageNum a:hover {

  background: #044697 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -50px repeat-x;

  }



.showpagePoint {

  color:#fff;

  padding: 3px 8px;

  margin: 2px;

  font-weight: 700;

  background: #e30000 url(whttp://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 0 repeat-x;

  text-decoration: none;

  }



.showpageOf{

  margin:0 8px 0 0;

  }









.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: #666 url(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: #999 url(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: #000 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 0 repeat-x;

  text-decoration: none;

  }



.showpageOf{

  margin:0 8px 0 0;

  }







.showpageArea {

  font-family:verdana,arial,helvetica;

  color: #000;

  font-size:11px;

  margin:10px;

  }



.showpageArea a {

  color: #fff;

  }



.showpageNum a {

  padding: 3px 8px;

  margin:0 4px;

  text-decoration: none;

  background: #333 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -50px repeat-x;

  }



.showpageNum a:hover {

  background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -25px repeat-x;

  }



.showpagePoint {

  color:#fff;

  padding: 3px 8px;

  margin: 2px;

  font-weight: 700;

  background: #06a2b9 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 0 repeat-x;

  text-decoration: none;

  }



.showpageOf{

  margin:0 8px 0 0;

  }








.showpageArea {

  font-family:verdana,arial,helvetica;

  color: #fff;

  font-size:11px;

  margin:10px;

  padding:8px 20px;

  background: #333;

  }



.showpageArea a {

  color: #fff;

  }



.showpageNum a {

  padding: 3px 8px;

  margin:0 4px;

  text-decoration: none;

  background: #666;

  }



.showpageNum a:hover {

  background: #888;

  }



.showpagePoint {

  color:#fff;

  padding: 3px 8px;

  margin: 2px;

  font-weight: 700;

  background: #da6100;

  text-decoration: none;

  }



.showpageOf{

  margin:0 8px 0 0;

  }