优化登录页面

将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\" />";

css

相关推荐