码迷,mamicode.com
首页 > 其他好文 > 详细

优化登录页面

时间:2020-05-29 19:10:55      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:代码   index   lock   span   display   16px   usr   center   play   

将zabbix登陆页面加上背景图片

1.找到相应的位置,将需要的修改的css代码写在login.css文件中

body {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 75%;
  line-height: 1.4em;
  color: #1f2c33;
 /*background-color: white;*/
  background: url(../img/login.jpg) no-repeat 0 0;background-size:100% 100%;
  min-width: 950px; }

.signin-container {
  /*background-color: #fff;*/
  background: rgba(255,255,255,0.5);
  width: 280px;
  margin: 0 auto;
  margin-top: 5%;
  padding: 42px 42px 39px 42px;
  border: 1px solid #dfe4e7; }
  .signin-container h1 {
    border: none;
    margin: 0 0 17px 0;
    padding: 0; }
  .signin-container ul li {
    padding: 16px 0 0 0;
    font-size: 1.167em; }
    .signin-container ul li.sign-in-txt {
      text-align: center; }
  .signin-container label {
    display: inline-block;
    margin: 0 0 2px 0; }
  .signin-container button {
    font-size: 1em;
    margin: 7px 0;
    min-height: 35px;
    line-height: 35px;
    width: 100%; }

2.在登录页面/usr/share/zabbix/index.php中引入login.css即可

echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"./assets/styles/login.css\" />";

 

优化登录页面

标签:代码   index   lock   span   display   16px   usr   center   play   

原文地址:https://www.cnblogs.com/daofaziran/p/12989066.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!