美化你的分页鼠标放置连接（简单制作）（新手供求）

我们可以拿默认模版做实验！（简单制作）（新手供求）

修改的不好，希望大家谅解，我真的真的就这水平了，不好地方自己改改吧，改牛*了也给俺瞧瞧。
QQ`28098

E:\网站根目录\templates\你的模版名称\css\style.css

查找……

1. /*分页*/
   
2. .pages { text-align: right; background: url(../images/dotline_h.gif) repeat-x top; height: 32px; }
   
3.         .xspace-page { float: right; margin: 5px 5px 0 0; }
   
4.                 .xspace-page a, .xspace-page span { float: left; display: inline; margin-right: 3px; line-height: 20px; padding: 0 5px; border: 1px solid; border-color: #CEE3EA #90AAB4 #90AAB4 #CEE3EA; background: #F5FBFF; }
   
5.                         span.xspace-totlerecord, span.xspace-totlepages { color: #090; }
   
6.                                 span.xspace-totlerecord { margin-right: 0; border-right: none; }
   
7.                         span.xspace-current { background: #F90; border-color: #0A0 #060 #060 #0A0; color: #FFF; font-weight: bold; }

复制代码

替换……

1. /*分页*/
   
2. .pages { text-align: right; background: url(../images/dotline_h.gif) repeat-x top; height: 32px; }
   
3.         .xspace-page { float: right; margin: 5px 5px 0 0; }
   
4.                 .xspace-page a, .xspace-page span { float: left; display: inline; margin-right: 3px; line-height: 20px; padding: 0 5px; border: 1px solid #D5D5D5; background: #F8F8F8; }
   
5.                                 .xspace-page a:hover, .xspace-page span { background: #FFDC8A; }
   
6.                         span.xspace-totlerecord, span.xspace-totlepages { background: #F8F8F8; }
   
7.                                 span.xspace-totlerecord { margin-right: 0; border-right: none; }
   
8.                         span.xspace-current { background: #FFDC8A; color:#004459; border: 1px solid #FAB001; font-weight: bold; }

复制代码

让我们随便进一个演示网址。
http://www.hacn.com/?category-140-category-140-page-9.html

附图演示：

[ 本帖最后由 神圣之后 于 2007-10-9 17:16 编辑 ]

沙发...不错啊~~

支持哦

我的早已经修改了

不错 ， 好看多了。

  此代码又是其它地方拷的吧?

误导用户,正确改法.只需要修改以下部分.

1. .pages { text-align: right; background: url(../images/dotline_h.gif) repeat-x top; height: 32px; }
   
2.         .xspace-page { float: right; margin: 5px 5px 0 0; }
   
3.                 .xspace-page a, .xspace-page span { float: left; display: inline; margin-right: 3px; line-height: 20px; padding: 0 5px; border: 1px solid #D5D5D5; background: #F8F8F8; }
   
4.                                 .xspace-page a:hover, .xspace-page span { background: #FFDC8A; }
   
5.                         span.xspace-totlerecord, span.xspace-totlepages { background: #F8F8F8; }
   
6.                                 span.xspace-totlerecord { margin-right: 0; border-right: none; }
   
7.                         span.xspace-current { background: #FFDC8A; color:#004459; border: 1px solid #FAB001; font-weight: bold; }

复制代码

支持楼上的！感谢楼主！！

原帖由 eqmz 于 2007-10-9 10:53 发表
  此代码又是其它地方拷的吧?

误导用户,正确改法.只需要修改以下部分..pages { text-align: right; background: url(../images/dotline_h.gif) repeat-x top; height: 32px; }
        .xspace-page { float: r ...

不是说了吗？我是新手。如果你那么高明，那你教教我，多提供给我点代码呀，这样我就不用跑在这里献丑咯！