24款实用的翻页页码css代码

最新推荐文章于 2024-08-07 17:18:04 发布
最新推荐文章于 2024-08-07 17:18:04 发布
阅读量4k 收藏 1
点赞数
文章标签： css class div yahoo url image
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuaa/article/details/2290480
版权

 

文件一、demo.html

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< meta  http-equiv ="Content-Language"  content ="zh-CN"   />
< meta  content ="all"  name ="robots"   />
< title > 24款实用的翻页页码css代码－Seo俱乐部 </ title >
< link  rel ="stylesheet"  type ="text/css"  href ="css.css"  media ="all"   />


</ head >

< body >

< p > 24款实用的翻页页码css代码－Seo俱乐部 < br  />< br  />


< p >< a  href ="http://www.seoclub.net/" > Digg </ a >  Style
 < div  class ="digg" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >

< br  />< br  />< br  />


< p >< a  href ="http://www.yahoo.com" > Yahoo </ a >  Style
 < div  class ="yahoo" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >


< br  />< br  />< br  />

< p >< a  href ="http://www.seoclub.net/css/" > New Yahoo! </ a >  Style
 < div  class ="yahoo2" >< span  class ="disabled" > &lt;  Prev </ span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" > Next  &gt; </ a ></ div ></ p >


< br  />< br  />< br  />

< p >< a  href ="http://www.seoclub.net" > Meneame </ a >  Style
 < div  class ="meneame" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >

< br  />< br  />< br  />


< p >< a  href ="http://www.seoclub.net/cssonline/index.htm" > Flickr </ a >  Style
 < div  class ="flickr" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >

< br  />< br  />< br  />


< p >< a  href ="http://www.seoclub.net/css/index.html" > Sabros.us </ a >  Style
 < div  class ="sabrosus" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >

< br  />< br  />< br  />


< p > Green Style
 < div  class ="scott" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >


< br  />< br  />< br  />

< p > Gray Style
 < div  class ="quotes" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >


< br  />< br  />< br  />

< p > Black Style
 < div  class ="black" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >


< br  />< br  />< br  />

< p >< a  href ="http://www.seoclub.net/css/index.html" > Mis Algoritmos </ a >  Style
 < div  class ="black2" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >


< br  />< br  />< br  />

< p > Black-Red Style
 < div  style ="padding-top:10px;padding-bottom:10px;background-color:#313131;" >
< div  class ="black-red" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ div ></ p >


< br  />< br  />< br  />

< p > Gray Style 2
 < div  class ="grayr" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >

< br  />< br  />< br  />


< p > Yellow Style
 < div  class ="yellow" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >

< br  />< br  />< br  />


< p >< a  href ="http://www.seoclub.net/" > jogger </ a >  Style
 < div  class ="jogger" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >

< br  />< br  />< br  />


< p >< a  href ="http://www.seoclub.net/css/index.html" > starcraft 2 </ a >  Style
 < div  class ="starcraft2" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >


< br  />< br  />< br  />

< p > Tres Style
 < div  class ="tres" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >

< br  />< br  />< br  />


< p >< a  href ="http://www.seoclub.net/css/index.html" > 512megas </ a >  Style
 < div  class ="megas512" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >


< br  />< br  />< br  />

< p >< a  href ="http://www.technorati.com/" > Technorati </ a >  Style
 < div  class ="technorati" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" >  >  </ a ></ div ></ p >


< br  />< br  />< br  />

< p >< a  href ="http://www.seoclub.net/css//" > YouTube </ a >  Style
 < div  class ="youtube" >< span  class ="disabled" > Prev </ span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" > Next </ a ></ div ></ p >

< br  />< br  />< br  />


< p >< a  href ="http://www.seoclub.net/css/" > MSDN Search </ a >  Style
 < div  class ="msdn" >< span  class ="disabled" >   <   Prev </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" > Next  >  </ a ></ div ></ p >

< br  />< br  />< br  />


< p >< a  href ="http://www.seoclub.net/css/" > Badoo </ a >
< div  class ="badoo" >< span  class ="disabled" >   <   Prev </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" > Next  >  </ a ></ div ></ p >

< br  />< br  />< br  />


< p > Blue Style
 < div  class ="manu" >< span  class ="disabled" >   <   Prev </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" > Next  >  </ a ></ div ></ p >

< br  />< br  />< br  />


< p > Green-Black Style 
 < div  class ="green-black" >< span  class ="disabled" >   <   Prev </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" > Next  >  </ a ></ div ></ p >


< br  />< br  />< br  />

< p > viciao Style
 < div  class ="viciao" >< span  class ="disabled" >   <   Prev </span >< span  class ="current" > 1 </ span >< a  href ="#?page=2" > 2 </ a >< a  href ="#?page=3" > 3 </ a >< a  href ="#?page=4" > 4 </ a >< a  href ="#?page=5" > 5 </ a >< a  href ="#?page=6" > 6 </ a >< a  href ="#?page=7" > 7 </ a > ... < a  href ="#?page=199" > 199 </ a >< a  href ="#?page=200" > 200 </ a >< a  href ="#?page=2" > Next  >  </ a ></ div ></ p >

</ body >
</ html >
 

 文件二、css.css

/*公共*/

BODY  {
    FONT-SIZE: 12px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;WIDTH: 60%; PADDING-LEFT: 25px;
}


/*CSS Digg style pagination*/

DIV.digg  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.digg A  {
    BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover  {
    BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg A:active  {
    BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg SPAN.current  {
    BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
DIV.digg SPAN.disabled  {
    BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}




/*CSS yahoo style pagination*/

DIV.yahoo  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.yahoo A  {
    BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: underline
}
DIV.yahoo A:hover  {
    BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.yahoo A:active  {
    BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #f00; BORDER-BOTTOM: #000099 1px solid
}
DIV.yahoo SPAN.current  {
    BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #fff
}
DIV.yahoo SPAN.disabled  {
    BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}



/*CSS meneame style pagination*/

DIV.meneame  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #ff6500; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.meneame A  {
    BORDER-RIGHT: #ff9600 1px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ff9600 1px solid; PADDING-LEFT: 7px; BACKGROUND-IMAGE: url(meneame.jpg); PADDING-BOTTOM: 5px; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff9600 1px solid; TEXT-DECORATION: none
}
DIV.meneame A:hover  {
    BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
DIV.meneame A:active  {
    BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
DIV.meneame SPAN.current  {
    BORDER-RIGHT: #ff6500 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ff6500 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #ff6500 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff6500 1px solid; BACKGROUND-COLOR: #ffbe94
}
DIV.meneame SPAN.disabled  {
    BORDER-RIGHT: #ffe3c6 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ffe3c6 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffe3c6 1px solid; COLOR: #ffe3c6; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffe3c6 1px solid
}



/*CSS flickr style pagination*/

DIV.flickr  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.flickr A  {
    BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedfde 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none
}
DIV.flickr A:hover  {
    BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
DIV.meneame A:active  {
    BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
DIV.flickr SPAN.current  {
    PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #ff0084; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.flickr SPAN.disabled  {
    PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}



/*CSS sabrosus style pagination*/

DIV.sabrosus  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.sabrosus A  {
    BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus A:hover  {
    BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active  {
    BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current  {
    BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled  {
    BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}



/*CSS scott style pagination*/

DIV.scott  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.scott A  {
    BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.scott A:hover  {
    BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott A:active  {
    BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott SPAN.current  {
    BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d
}
DIV.scott SPAN.disabled  {
    BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}



/*CSS quotes style pagination*/

DIV.quotes  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A  {
    BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover  {
    BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active  {
    BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current  {
    BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled  {
    BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}



/*CSS black style pagination*/

DIV.black  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 10px; MARGIN: 3px; COLOR: #a0a0a0; PADDING-TOP: 10px; BACKGROUND-COLOR: #000; TEXT-ALIGN: center
}
DIV.black A  {
    BORDER-RIGHT: #909090 1px solid; PADDING-RIGHT: 5px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #909090 1px solid; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(bar.gif); PADDING-BOTTOM: 2px; BORDER-LEFT: #909090 1px solid; COLOR: #c0c0c0; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #909090 1px solid; TEXT-DECORATION: none
}
DIV.black A:hover  {
    BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invbar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
}
DIV.black A:active  {
    BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invbar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
}
DIV.black SPAN.current  {
    BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #606060
}
DIV.black SPAN.disabled  {
    BORDER-RIGHT: #606060 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #606060 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #606060 1px solid; COLOR: #808080; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #606060 1px solid
}




/*CSS black2 style pagination*/

DIV.black2  {
    PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.black2 A  {
    BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover  {
    BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active  {
    BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current  {
    BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled  {
    BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}




/*CSS black-red style pagination*/

DIV.black-red  {
    FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif; BACKGROUND-COLOR: #3e3e3e
}
DIV.black-red A  {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #3e3e3e; TEXT-DECORATION: none
}
DIV.black-red A:hover  {
    COLOR: #fff; BACKGROUND-COLOR: #ec5210
}
DIV.black-red A:active  {
    COLOR: #fff; BACKGROUND-COLOR: #ec5210
}
DIV.black-red SPAN.current  {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #313131
}
DIV.black-red SPAN.disabled  {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #868686; PADDING-TOP: 2px; BACKGROUND-COLOR: #3e3e3e
}




/*CSS grayr style pagination*/

DIV.grayr  {
    PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif; BACKGROUND-COLOR: #c1c1c1
}
DIV.grayr A  {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #000; PADDING-TOP: 2px; BACKGROUND-COLOR: #c1c1c1; TEXT-DECORATION: none
}
DIV.grayr A:hover  {
    COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr A:active  {
    COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr SPAN.current  {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #303030; PADDING-TOP: 2px; BACKGROUND-COLOR: #fff
}
DIV.grayr SPAN.disabled  {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #797979; PADDING-TOP: 2px; BACKGROUND-COLOR: #c1c1c1
}




/*CSS yellow style pagination*/

DIV.yellow  {
    PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.yellow A  {
    BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.yellow A:hover  {
    BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow A:active  {
    BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow SPAN.current  {
    BORDER-RIGHT: #d9d300 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d9d300 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #d9d300 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d300 1px solid; BACKGROUND-COLOR: #d9d300
}
DIV.yellow SPAN.disabled  {
    BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}



/*CSS jogger style pagination*/

DIV.jogger  {
    PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 7px; PADDING-TOP: 2px; FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif
}
DIV.jogger A  {
    PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ee4e4e; TEXT-DECORATION: none
}
DIV.jogger A:hover  {
    PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
}
DIV.jogger A:active  {
    PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
}
DIV.jogger SPAN.current  {
    PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #6d643c; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f6efcc
}
DIV.jogger SPAN.disabled  {
    DISPLAY: none
}



/*CSS starcraft2 style pagination*/

DIV.starcraft2  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 13.5pt; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #fff; PADDING-TOP: 3px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #000; TEXT-ALIGN: center
}
DIV.starcraft2 A  {
    MARGIN: 2px; COLOR: #fa0; BACKGROUND-COLOR: #000; TEXT-DECORATION: none
}
DIV.starcraft2 A:hover  {
    COLOR: #fff; BACKGROUND-COLOR: #000
}
DIV.starcraft2 A:active  {
    COLOR: #fff; BACKGROUND-COLOR: #000
}
DIV.starcraft2 SPAN.current  {
    FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #000
}
DIV.starcraft2 SPAN.disabled  {
    MARGIN: 2px; COLOR: #444; BACKGROUND-COLOR: #000
}



/*CSS tres style pagination*/

DIV.tres  {
    PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 13.2pt; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
DIV.tres A  {
    BORDER-RIGHT: #d9d300 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d9d300 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #d9d300 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d300 2px solid; BACKGROUND-COLOR: #d90; TEXT-DECORATION: none
}
DIV.tres A:hover  {
    BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid; BORDER-LEFT: #ff0 2px solid; COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0
}
DIV.tres A:active  {
    BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid; BORDER-LEFT: #ff0 2px solid; COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0
}
DIV.tres SPAN.current  {
    BORDER-RIGHT: #fff 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 2px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 2px solid
}
DIV.tres SPAN.disabled  {
    DISPLAY: none
}



/*CSS megas512 style pagination*/

DIV.megas512  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.megas512 A  {
    BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedfde 1px solid; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none
}
DIV.megas512 A:hover  {
    BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #777777
}
DIV.megas512 A:active  {
    BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #777777
}
DIV.megas512 SPAN.current  {
    PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.megas512 SPAN.disabled  {
    PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}



/*CSS technorati style pagination*/

DIV.technorati  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.technorati A  {
    BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: rgb(66,97,222); MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.technorati A:hover  {
    BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df
}
DIV.technorati A:active  {
    BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df
}
DIV.technorati SPAN.current  {
    PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.technorati SPAN.disabled  {
    DISPLAY: none
}



/*CSS youtube style pagination*/

DIV.youtube  {
    PADDING-RIGHT: 6px; BORDER-TOP: #9c9a9c 1px dotted; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; COLOR: #313031; PADDING-TOP: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cecfce; TEXT-ALIGN: right
}
DIV.youtube A  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; MARGIN: 0px 1px; COLOR: #0030ce; PADDING-TOP: 1px; TEXT-DECORATION: underline
}
DIV.youtube A:hover  {
    
}
DIV.youtube A:active  {
    
}
DIV.youtube SPAN.current  {
    PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; COLOR: #000; PADDING-TOP: 1px; BACKGROUND-COLOR: #fff
}
DIV.youtube SPAN.disabled  {
    DISPLAY: none
}




/*CSS msdn style pagination*/

DIV.msdn  {
    PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; COLOR: #313031; PADDING-TOP: 4px; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-Serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: right
}
DIV.msdn A  {
    BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0030ce; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; TEXT-DECORATION: none
}
DIV.msdn A:hover  {
    BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.pagination A:active  {
    BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.current  {
    BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #444444; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.disabled  {
    DISPLAY: none
}




/*CSS badoo style pagination*/

DIV.badoo  {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; COLOR: #48b9ef; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
DIV.badoo A  {
    BORDER-RIGHT: #f0f0f0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #f0f0f0 2px solid; COLOR: #48b9ef; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none
}
DIV.badoo A:hover  {
    BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo A:active  {
    BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo SPAN.current  {
    BORDER-RIGHT: #ff5a00 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16
}
DIV.badoo SPAN.disabled  {
    DISPLAY: none
}





/*CSS manu style pagination*/

.manu  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.manu A  {
    BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover  {
    BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu A:active  {
    BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current  {
    BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.manu .disabled  {
    BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}






/*CSS green-black style pagination*/

DIV.green-black  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.green-black A  {
    BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(image1.gif) #2c2c2c; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid; TEXT-DECORATION: none
}
DIV.green-black A:hover  {
    BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(image2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black A:active  {
    BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(image2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.current  {
    BORDER-RIGHT: #aad83e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aad83e 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(image2.gif) #aad83e; PADDING-BOTTOM: 2px; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.disabled  {
    BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}






/*CSS viciao style pagination*/

DIV.viciao  {
    MARGIN-TOP: 20px; MARGIN-BOTTOM: 10px
}
DIV.viciao A  {
    BORDER-RIGHT: #8db5d7 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8db5d7 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #8db5d7 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #8db5d7 1px solid; TEXT-DECORATION: none
}
DIV.viciao A:hover  {
    BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid
}
DIV.viciao A:active  {
    BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid
}
DIV.viciao SPAN.current  {
    BORDER-RIGHT: #e89954 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e89954 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e89954 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e89954 1px solid; BACKGROUND-COLOR: #ffca7d
}
DIV.viciao SPAN.disabled  {
    BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}





/*CSS yahoo2 style pagination*/

DIV.yahoo2  {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 0.85em; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Helvetica,sans-serif; TEXT-ALIGN: center
}
DIV.yahoo2 A  {
    BORDER-RIGHT: #ccdbe4 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccdbe4 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccdbe4 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccdbe4 1px solid; TEXT-DECORATION: none
}
DIV.yahoo2 A:hover  {
    BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 A:active  {
    BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 SPAN.current  {
    PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.yahoo2 SPAN.disabled  {
    DISPLAY: none
}
DIV.yahoo2 A.next  {
    BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.next:hover  {
    BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}
DIV.yahoo2 A.prev  {
    BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.prev:hover  {
    BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}

另外需要三个图片

 images1.gif

images2.gif

meneame.jpg

unknowbody
关注
html+css实现简单分页页码效果
04-19
html+css实现简单分页页码效果源码，尚且没有复杂的后台，给前端新手学习之用
24款超实用的Web 2.0风格翻页页码css代码
07-23
24款超实用的Web 2.0风格翻页页码css代码
css比赛数字翻牌计数效果
最新发布
samll_redhat的博客
08-07 414
css比赛数字翻牌计数效果
24款纯css翻页代码
it586.cn的专栏
09-14 367
  -------------------------------------   html代码 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns...
纯CSS代码实现翻页
yan0639的专栏
07-15 599
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"> http://www.w3.org/2000/08/w3c-synd/#"> dl {  position:absolute;  width:389px;  he
纯CSS代码实现翻页(两个示例)
selah1的专栏
03-15 800
示例1:   &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh"lang="zh"&am
最新page页码生成控件代码
06-17 181
using System;using System.Collections.Generic;using System.ComponentModel;using System.Text;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Text.RegularExpressions;us...
24款实用的翻页页码css代码.
06-23
当我们谈论“24款实用的翻页页码css代码”时，我们聚焦的是利用CSS（层叠样式表）来创建功能多样、视觉效果丰富的页码设计。CSS是一种用于描述HTML或XML（包括SVG、MathML等各种XML方言）文档样式的语言，它可以极大...
php中的页面分页代码
小猪的代码窝
08-12 495
function newwin(url) { var   newwin=window.open(url,"newwin","toolbar=no,location=no,directories=no,status=no,   menubar=no,scrollbars=yes,resizable=yes,width=600,height=450"); newwin.focus();
简单翻页代码
08-12
简单的网页上面实现翻页的代码，对于初学网页的有用。
div+css制作非常实用的24款分页页码css代码
06-09
div+css制作非常实用的24款分页页码css代码，可以免费下载使用
一个简单好看的纯CSS3翻书效果特效代码
03-20
效果描述： 好久没有看到如此高逼格的纯CSS3特效了 蛮精致的一款纯CSS3模拟书本翻页效果 如果看不到效果，建议用最新版的谷歌浏览器查看 使用方法： 1、将CSS样式引入到网页中 2、将index.html中的代码部分拷贝到你的网页中
css制作翻页效果.rar
07-04
介绍： 工作中写了个翻页的效果，给大家瞧瞧。为以后偷懒准备~
最全的上下翻页代码
06-12
最全的上下翻页样式，图片可以自行修改，字体样式也可以自行修改。
jsp 翻页代码
qq_32682035的博客
03-22 380
翻页按钮 controller String company = getParameter(request, "company"); modelMap.addAttribute("company", company); String id1 = getParameter(request, "id"); modelMap.addAttribute("id", id1); mo
脚本翻页代码
weixin_34217773的博客
03-20 272
这样的分页前后兼顾，对于用户的体验是蛮好使的 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"powered by 25175.net "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/199...
php网页翻页代码,php简略翻页代码
weixin_39623082的博客
03-16 298
php简单翻页代码php简单翻页代码*{margin:0;padding:0;}#lay{margin:100px 100px 100px 100px;}a{padding:5px;font-size:13px;text-decoration:none;}span{font-size:13px;}table{border:1px solid red;border-collapse:collapse...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值