织梦分页样式css代码应该怎么添加

织梦分页样式css代码应该怎么添加,第1张

建议在dreamweaver上打开css样式和html文件修改,也可以在记事本里修改,默认模板里面是不能修改样式的,要在FTP里把样式下载到本地再修改,默认模板里只能修改html和调用代码。

这个我是用js的方法实现的。

1、左侧的列表正常调取

2、建立一个隐藏的div,里面的内容是当前栏目的标题

3、取到隐藏div的内容,去左侧栏目比对,相同则增加响应的class

效果蛮好,而且不用修改dede的代码,js组件很方便用。

有案例可看,如果需要可以私信我,这里发网址容易被屏蔽。

调用代码

<div class="pagination-wrapper">

<div class="pagination">

{dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/}

</div>

</div>

css样式一

/pages/

pagination-wrapper {

clear:both;

padding:1em 0 2em 0;

text-align:center;

}

pagination {

display: inline-block;

display: inline;

zoom: 1;

font-size:12px;

border-radius: 3px;

box-shadow: 0 1px 2px rgba(0, 0, 0, 005);

}

pagination li{

list-style: none;

display: inline;

float: left;

line-height: 1em;

text-decoration: none;

border: 1px solid #ddd;

border-left-width: 0;

}

pagination li a {

display: inline-block;

padding: 5em 8em;

background-color: #f9f9f9;

color: #999;

}

pagination li a:link{

background:#fff;

color: #4C78A5;

}

pagination li a:hover{

text-decoration:none;

}

pagination li a:link:hover {

color: #000;

}

pagination lithisclass {

background-color: #f9f9f9;

color:#999;

}

pagination li:first-child {

border-left-width: 1px;

border-radius: 3px 0 0 3px;

}

pagination li:last-child{

border-radius: 0 3px 3px 0;

}

pagination pageinfo{

color: #444;

}

css样式二

/pages/

pagination-wrapper{

margin: 20px 0;

}

pagination{

height: 34px;

text-align: center;

}

pagination li {

display: inline-block;

height: 34px;

margin-right: 5px;

}

pagination li a{

float: left;

display: block;

height: 32px;

line-height: 32px;

padding: 0 12px;

font-size: 16px;

border: 1px solid #dddddd;

color: #555555;

text-decoration: none;

}

pagination li a:hover{

background:#f5f5f5;

color:#0099ff;

}

pagination lithisclass {

background: #09f;

color: #fff;

}

pagination lithisclass a,pagination lithisclass a:hover{

background: transparent;

border-color: #09f;

color: #fff;

cursor: default;

}

1、其实就是在css里写好样式就可以了

2、要注意哦,织梦列表页分页样式默认是带有li标记的

3、可以修改列表系统文件删除li标记,当然也可以直接在css里定义li样式

4、下面是织梦各列表的php文件,可以自己修改包括实现其他功能等

include/ 下

arclistviewclassphp 栏目列表分页样式

arcarchivesclassphp 内容列表分页样式

arctaglistclassphp TAG列表分页样式

arcfreelistclassphp 自由列表分页样式

arcsearchviewclassphp 搜索列表分页样式

梦客吧织梦模板

为您解答

望采纳

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 织梦分页样式css代码应该怎么添加

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情