欢迎来到路由器窝!

列表分页右对齐样式

浏览次数:

作者: 路由器窝

信息来源:

更新日期: 2018-07-20 10:24

文章简介

style .g_list2{width:726px;padding-top:5px;}.g_list2 li{float:left;width:169px;text-align:center;padding:15px 12px 0 0;}.g_list

  • 正文开始
  • 相关文章
<style>
 .g_list2{
	width:726px;
	padding-top:5px;
}
.g_list2 li{
	float:left;
	width:169px;
	text-align:center;
	padding:15px 12px 0 0;
}
.g_list2 li img{
	display:block;
	width:170px;
	height:135px;
	padding:2px;
	border:1px #ddd solid;
	background:#fff;
	margin-bottom:0px;
}
.g_list2 li p{
	height:24px;
	overflow:hidden;
	line-height:24px;
}
.g_list2 li a:hover img{
	border-color:#69aa08;
}
.dede_pages{
	height:28px;
	padding:25px 0 10px 0;
}
.dede_pages ul{
	float:right;
	padding:0;
}
.dede_pages ul li{
	float:left;
	font-family:'microsoft yahei';
	margin:0 2px;
	line-height:26px;
	padding:0 9px;
	background:#fff;
	border:1px solid #d8dadf;
}
.dede_pages ul li a{
	float:left;
	color:#555;
	display:block;
}
.dede_pages ul li:hover{
	text-decoration:none;
	color:#333;
	border:1px #ddd solid;
	background-color:#ddd;
}
.dede_pages ul li:hover a{
	color:#333;
}
.dede_pages ul li:hover a:hover{
	color:#333;
	text-decoration:none;
}
.dede_pages ul li.thisclass{
	background-color:#67a915;
	color:#fff;
	border:1px #67a915 solid;
}
.dede_pages strong{
	font-weight:normal;
}
.dede_pagess{
	float:none;
	overflow:hidden;
	text-align:center;
	padding:0 0 15px 0;
}
.dede_pagess ul{
	margin:0px auto;
	float:none;
	clear:both;
	padding:10px 0; 
	text-align:center;
	white-space:nowrap;
}
.dede_pagess ul li{
	float:none;
	display:inline; 
	margin-right:5px; 
	padding:3px 8px; 
	font-family:'microsoft yahei';
	border: 1px solid #d8dadf;
}
.dede_pagess li a{
	float:none;
	display:inline;
}
.dede_pagess li a:hover{
	text-decoration:underline;
}
.dede_pagess .thisclass{
	border:none;
	color:#fff;
	border:1px #f00 solid;
	background-color:#f00;
}
.dede_pagess .thisclass a{
	color:#fff;
}
 </style>  




        <ul class="g_list2">
        {dede:list pagesize='16' titlelen='30' orderby='id'}
        	<li><a href="[field:arcurl/]"><img src="[field:litpic/]" alt="羽绒服0002B" /><p>[field:title/]</p></a></li>
{/dede:list}          
            
          
           <div class="clear"></div>
        </ul>


<div class="dede_pages">
			<ul class="pagelist">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}

			</ul>
		</div>

转载请注明:DEDEcms» 列表分页右对齐样式

标签:
  • dede:productimagelist标签增加autoindex索引的开发方法
    192阅读
    我们在开发织梦模板时,如果用到dede:productimagelist标签发现没有autoindex自动索引,使用[field:global.autoindex/]无法调用。岛主二次开发了一下,让dede:productimagelist标签支持autoindex. 打开/include/taglib/product...
  • DedeCMS Error:Tag disabled:"php"的解决办法
    189阅读
    在最新的dedecms5.7版本安装完后会出现这个,其他版本暂时不知。出现的原因是: 官方出于安全考虑默认将{dede:php}{/dede:php}标签禁用了。所以如果页面的模版中使用该标签则会出现这个DedeCMS Error:Tag disabled:php提示。 方法/步骤 1、登录后台找到网站
  • 织梦后台上传LOGO_织梦系统设置自定义图片全局
    327阅读
    织梦后台上传LOGO_织梦系统设置自定义图片全局变量插件,本插件可直接在网站后台上传网站logo,解决新手站长不知道织梦logo在哪里修改的问题,插件方便实用直接下载覆盖即可使用。
  • 织梦dede自定义留言分页
    271阅读
    在/include文件夹中新建一个message_list.php文件。。 ?php require_once include/common.inc.php; require_once(DEDEINC./datalistcp.class.php); //读取留言列表 $dl = new DataListCP(); $d...
  • DEDE列表分页不横向显示,dede分页竖更改成横的处理方法
    188阅读
    查找/include/arc.listview.class.php以及arc.archives.class.php文件 用EditPlus打开 按Ctrl+H键,查找 li 全部替换为空 /li 全部替换为空 li class=\thisclass\ 全部替换为空 保存,覆盖原文件即可
  • DEDE顶级栏目名字链接SQL调用
    249阅读
    {dede:field name=typeid runphp=yes}global $dsql;$typeid = @me;$query = SELECT reid FROM dede_arctype where id = $typeid;$rs = $dsql-GetOne($query);$reid = $rs[r...
  • dede首页调用简介
    242阅读
    好多时候做企业站,用栏目简介内容做单页,但是却不知道如何首页也调用栏目简介,这样一次更新生成就全部都有了,今天给大家提供个SQL的方法,使用SQL调用简单方便灵活。 {dede:sql sql=Select content from dede_arctype where id=栏目ID}[field:content /...
  • phpcms v9站点管理自定义变量 增加客服qq备案号等字段
    245阅读
    1.打开\phpcms\languages\zh-cn\admin.lang.php(PHPCMS的中文语言定义文件) 查找site_management,在上面新建一行,加入新建字段的名称: $LANG[my_message] = 站点信息;$LANG[my_tel] = 座机号码;$LANG[my_mobile] ...
  • DEDE 列表顶一下源码JS
    208阅读
    下载地址 {dede:list pagesize=21 titlelen=18 orderby=id}lih5a href=[field:arcurl/] title=[field:fulltitle/] target=_blank[field:title/]/a/h5div class=covera href=[fi...
  • 图片自适应样式
    223阅读
    img src=... class=img-responsive alt=响应式图像 .img-responsive { display: inline-block; height: auto; max-width: 100%;}
上一页:图集每张图片单独调用并自定义样式的办法,图集自定义样式
下一页:DEDECMS列表页调用当前栏目父级栏目以及链接
最近更新作品
城市联动提交表单
更新时间:2020-11-17

169人已经看过了!

统计栏目文章数量有的显示数量没有显示0
更新时间:2020-11-15

135人已经看过了!

自定义表单列表添加全选
更新时间:2020-10-19

157人已经看过了!

自定义表单展现样式
更新时间:2020-10-19

165人已经看过了!

Body里面多了个&amp;#65279字符,空白一行解决办法
更新时间:2021-01-25

168人已经看过了!

自定义证书添加图片
更新时间:2020-07-15

235人已经看过了!

dede导出证书查询数据到excel
更新时间:2020-06-19

287人已经看过了!

dedecms--会员信息导出excel表格
更新时间:2020-06-19

171人已经看过了!

dede 获取图集里面图片的数量
更新时间:2020-05-25

176人已经看过了!

织梦栏目做成列表分页(小说列表)
更新时间:2020-05-08

215人已经看过了!