主题下载详情页样式调整

2018年9月16日08:34:15 评论 784 1307字阅读4分21秒

一、“下载地址”显示效果修改

打开【down.php】文件,找到代码

<div class="down-list-t">下载地址</div>

将其修改为

<div class="down-list-t"><h3>下载地址</h3></div>

修改前后效果对比

 

二、将幻灯标题图片与下面的内容区分开,使其成为两个独立的部分,同时隐藏文章标题显示

首先:在同文件中找到代码

<div class="down-post">
	<div class="down-header">
		<img src="<?php echo zm_get_option('down_header_img'); ?>" alt="<?php echo $title;?>" />
		<h1><?php echo $title;?></h1>
	<div class="clear"></div>
</div>

将其修改为

<div class="down-header">
	<img src="<?php echo zm_get_option('down_header_img'); ?>" alt="<?php echo $title;?>" />
	<!--隐藏标题显示
	<h1><?php echo $title;?></h1>
	-->
	<div class="clear"></div>
</div>
<div class="down-post">

然后:打开【css/down.css】文件,找到代码

.down-post {
	background: #fff;
	border-radius: 2px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

将其修改为

.down-post {
	background: #fff;
	border-radius: 2px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	margin-top: 10px;
}

修改前后效果对比

 

三、删除页面底部“下载版权”的留白

在同文件中找到代码

.down-copyright {
	background: #fff;
	color: #999;
	margin: 50px 0;
	padding: 20px;
	border-top: 1px dashed #dadada;
}

将其修改为

.down-copyright {
	background: #fff;
	color: #999;
	margin: 50px 0 0 0;
	padding: 20px;
	border-top: 1px dashed #dadada;
}

修改前后效果对比

[mark_b]如果你在【主题选项--基本设置】中勾选了【下载链接在根目录】选项的话,请修改【download.php】文件,而不是【down.php】文件。[/mark_b]

继续阅读
如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: