关于文章分页的问题
时间:2010-09-09
来源:互联网
关于文章分页的问题,不能显示当前页面是第几页,正确的效果图1
我的CSS.
我的CSS.
复制内容到剪贴板
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.thisclass {
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 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.thisclass {
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
}
作者: caiyanl 发布时间: 2010-09-09
请帖代码 光个STYLE让别人怎么给你看

作者: cwq2jxl 发布时间: 2010-09-09
引用:
原帖由 cwq2jxl 于 2010-9-9 09:03 发表请帖代码 光个STYLE让别人怎么给你看

图1的调用代码
复制内容到剪贴板
这是图1的CSS。
代码:
<div class="viewbox"><div class="dede_pages"><ul class="pagelist"></div></div></div>
复制内容到剪贴板
float:left;
padding:2px 4px 2px;
color:#555;
display:block;
text-decoration:none;
}
.dede_pages ul li a:hover{
color:#690;
text-decoration:none;
padding:2px 4px 2px;
background-color:#993399;
color: #FFFFFF;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
background-color:#993399;
color: #FFFFFF;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
}
.dede_pages .pageinfo{
line-height:21px;
padding:12px 10px 12px 6px;
color:#999;
}
.dede_pages .pageinfo strong{
color:#555;
font-weight:normal;
margin:0px 2px;
}
.viewbox .dede_pages{
width:610px;
float:none;
overflow:hidden;
text-align:center;
}
.viewbox .dede_pages ul{
margin:0px auto;
float:none;
clear:both;
overflow:hidden;
text-align:center;
white-space:nowrap;
}
.viewbox .dede_pages ul li,.viewbox .dede_pages ul li a{
float:none;
display:inline;
}
[ 本帖最后由 caiyanl 于 2010-9-9 09:25 编辑 ] 代码:
.dede_pages ul li a{float:left;
padding:2px 4px 2px;
color:#555;
display:block;
text-decoration:none;
}
.dede_pages ul li a:hover{
color:#690;
text-decoration:none;
padding:2px 4px 2px;
background-color:#993399;
color: #FFFFFF;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
background-color:#993399;
color: #FFFFFF;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
}
.dede_pages .pageinfo{
line-height:21px;
padding:12px 10px 12px 6px;
color:#999;
}
.dede_pages .pageinfo strong{
color:#555;
font-weight:normal;
margin:0px 2px;
}
.viewbox .dede_pages{
width:610px;
float:none;
overflow:hidden;
text-align:center;
}
.viewbox .dede_pages ul{
margin:0px auto;
float:none;
clear:both;
overflow:hidden;
text-align:center;
white-space:nowrap;
}
.viewbox .dede_pages ul li,.viewbox .dede_pages ul li a{
float:none;
display:inline;
}
作者: caiyanl 发布时间: 2010-09-09
我的用的DEDE,这个是调用分页的代码,
还有一个PHP文件
还有一个PHP文件
复制内容到剪贴板
{dede:pagebreak/}</div>
代码:
<div class="yellow style">{dede:pagebreak/}</div>
作者: caiyanl 发布时间: 2010-09-09
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28