主题下载详情页样式调整

  • A+
所属分类:建博笔记

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

打开【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;
}
主题下载详情页样式调整

修改前后效果对比

 

如果你在[主题选项--基本设置]中勾选了[下载链接在根目录]选项的话,请修改[download.php]文件,而不是[down.php]文件。
若文章图片、下载链接、网盘密码等信息出错,请留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!

发表评论

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