# 样式定制
前台展示给用户观看的样式有内容页、Layer弹出层、下载列表页三个地方。
所有样式修改皆建议直接对css样式文件进行修改,不建议直接修改Html代码,避免后期升级造成的显示错乱问题。
## CSS样式
插件前台样式皆调用一个css文件,可在css文件中对前台样式进行修改,css文件路径:`LoveKKVIP/static/lovekkvip.css`。
## 内容页Html代码
内容页显示Html代码为:
```php
function viewPostHtml($msg){
$html = '<div class="lovekkvip" id="lovekkvip">';
$html .= '<h5>资源下载</h5>';
$html .= '<div class="down-detail">';
$html .= $msg;
$html .= '</div>';
$html .= '</div>';
return $html;
}
```
HTML代码位置位于`LoveKKVIP/theme.php`文件`viewPostHtml`函数中,此处包含显示代码的基础HTML。
```html
<div class="lovekkvip" id="lovekkvip">
<h5>资源下载</h5>
<div class="down-detail">
{msg}
</div>
</div>
```
管理员可根据自己的需求更改此处代码,但其中的下载、购买、升级等HTML需对插件内核进行更改,一般不建议,可能会造成后期升级产生显示错乱问题。
若的确需要更改下载、购买、升级等HTML代码,请查阅`LoveKKVIP/Action.php`文件`ajaxViewDownloadResources`、`viewDownloadPage`以及`LoveKKVIP/Common.php`文件`viewDownloadResources`方法。
## Layer购买框架Html代码
若需修改Layer购买框架样式,请查阅`LoveKKVIP/Action.php`文件`viewBuyPage`方法。
默认余额充足Html为:
```html
<div class="buy_line">
<i class="fa fa-btc"></i> 我的余额:{myPrice}
</div>
<div class="buy_line">
<span class="txt">所需金币:<span class="money">{price}</span></span>
<a href="javascript:void(0);" onclick="buy('{cid}')" class="buy_button"><i class="fa fa-shopping-cart"></i> 购买</a>
</div>
```
默认余额不足Html为:
```html
<div class="buy_line">抱歉, 您的余额不足, 请先充值后再购买!</div>
<div class="buy_line"><a href="money.ph" target="_blank" class="buy_button"><i class="fa fa-btc"></i> 点此充值</a></div>
```
## 下载列表页Html代码
下载列表页为独立页面,Html代码为完整页面代码,代码请查阅`LoveKKVIP/theme.php`文件`viewDownloadHtml`方法。
默认代码为:
```php
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp">
<title>资源下载地址</title>
<link rel="stylesheet" href="<?php Helper::options()->pluginUrl();?>LoveKKVIP/static/lovekkvip.css">
</head>
<body class="lovekkvip_down">
<div class="container">
<table>
<tbody>
<tr>
<td width="50%"><a href="<?php $options->siteUrl();?>">返回首页</a></td>
<td width="50%" class="top2"><a href="<?php echo Helper::url('LoveKKVIP/user/money.php');?>">会员中心</a></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td width="12%" class="left">资源名称:</td>
<td colspan="5" class="right"><?php echo $list['title'];?></td>
</tr>
<?php foreach ( $list['res'] as $val ) :?>
<tr>
<td class="left">下载地址:</td>
<td colspan="3" class="right"><a href="/lovekkvip/download.do?id=<?php echo $val['id'];?>&cid=<?php echo $val['cid'];?>" target="_blank"><--点此下载本资源--></a></td>
<td colspan="2" class="right"><?php echo $val['text'];?></td>
</tr>
<?php endforeach;?>
<tr>
<td colspan="6" class="description"><!-- 请自行修改自处文本 -->请自行修改此处文本<!-- 请自行修改此处文本 --></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
```
## 后台样式
后台由于调用了`Typecho`中的众多内核方法,表单、列表等皆为`Typecho`方法自动生成,故此不建议修改后台样式。