WDCP V3云主机面板登录页面模板代码

gyue2345 2017-08-03 22:01 LJY2345 抢沙发隐藏边栏黑色模式 53

天气预报显示，必应美图壁纸。

使用方法：

打开/www/wdlinux/wdcp/html/login.htm，将下面的代码复制过去然后保存

在wdcp后台中的服务重启，选择重启wdcp。然后就可以看到效果了。

<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<title>服务器/虚拟主机管理系统</title>
<link rel="icon" type="image/png" href="https://cdn.static.ljy2345.com/wp-content/uploads/2015/01/2015012214261075.png">
<style type="text/css">
* {margin:0; padding:0; list-style:none}
img {border:none; vertical-align:middle}
body {font:14px Tahoma, Geneva, sans-serif; color:#333;background-color:#F1F1F1;background-image: url(https://cdn.static3.ljy2345.com/bing/api/123/);background-size: cover;}
h1 {text-align:center;color:#FFF}
.maim_content{left:50%;margin-left:-200px;margin-right: -200px;margin-top:150px;position:absolute;width:400px}
form {background-color:#FFF; padding:10px; margin-top:20px}
.tip {background-color:#EEE; color:#555; padding:10px 20px 20px}
.tip:hover {background-color:#DDD}
.tip li {padding-top:10px}
.tip a {color:#555; text-decoration:underline}
thead td {color:#555}
td {padding:10px}
tfoot td {text-align:center}
input {border:1px #CCC solid; vertical-align:middle; padding:8px; background-color:#F9F9F9}
input:focus {border-color:#6AADE4}
.input {width:280px}
button {background-color:#368EE0; font-weight:700; color:#FFF; border:none; padding:5px 10px}
button:hover {background-color:#1E75C4}
</style>
</head>
<body>
<div class="maim_content">
<h1>服务器/虚拟主机管理系统</h1>
<form id="form1" name="form1" method="post" action="">
<table>
<thead>
<tr>
<td>欢迎使用服务器/虚拟主机管理系统</td>
</tr>
</thead>
<tbody>
<tr>
<td><label for="username">用户名：</label><input name="username" type="text" id="username" class="input" /></td>
</tr>
<tr>
<td><label for="passwd">密　码：</label><input name="passwd" type="password" id="passwd" class="input" /></td>
</tr>
</tbody>                
<tfoot>
<tr>
<td><button name="Submit_login" id="Submit_login" type="submit">登入</button></td>
</tr>
</tfoot>
</table>
</form>
<ul class="tip">
<li>请不要在公共场所设定计算机记住您的个人信息。</li>
<li>在公共场所使用本产品后请务必退出系统，以避免造成不必要的损失。</li>
<li>尽量避免多人使用同一账号。<script src="https://s95.cnzz.com/z_stat.php?id=1255877112&web_id=1255877112" language="JavaScript"></script></li>
</ul>
 </div>
 <script>(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js"))</script>
<script>tpwidget("init", {
    "flavor": "bubble",
    "location": "WX4FBXXFKE4F",
    "geolocation": "enabled",
    "position": "top-left",
    "margin": "10px 10px",
    "language": "auto",
    "unit": "c",
    "theme": "chameleon",
    "uid": "U547351002",
    "hash": "425ac49635311c295e7dbf6106af2e33"
});
tpwidget("show");</script>
</body>
</html>

赞赏