主题下载详情页样式调整

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

打开【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;
}

修改前后效果对比