修改登录背景
gqh
BIN
yizuo_login_background_and_styles/static/.DS_Store
vendored
Normal file
BIN
yizuo_login_background_and_styles/static/description/banner.png
Normal file
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 65 KiB |
BIN
yizuo_login_background_and_styles/static/description/icon.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
149
yizuo_login_background_and_styles/static/description/index.html
Normal file
@@ -0,0 +1,149 @@
|
||||
<section class="oe_container oe_dark lead">
|
||||
<div class="oe_row" style="width: 100% !important;">
|
||||
<div class="oe_span12" style="width: 100% !important;">
|
||||
<div class="panel panel-primary" style="border:none">
|
||||
<div class="panel-body">
|
||||
<ul class="list-unstyled">
|
||||
<div class="alert alert-info" style="background-color:#ed2f2f;color:#FFF"><i class="fa fa-hand-o-right"></i> <strong> Key Features </strong></div>
|
||||
<li><i class="fa fa-key" style="color:#ed2f2f"></i> This module is used for customized login page.</li>
|
||||
<li><i class="fa fa-key" style="color:#ed2f2f"></i> User can Select Login Form Position and also select background color or image.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="oe_container oe_dark lead">
|
||||
<div class="oe_row" style="width: 100% !important;">
|
||||
<div class="oe_span12" style="width: 100% !important;">
|
||||
<div class="panel panel-primary" style="border:none">
|
||||
<div class="panel-body">
|
||||
<div class="alert alert-info" style="background-color:#ed2f2f;color:#FFF">
|
||||
<i class="fa fa-hand-o-right"></i>
|
||||
<strong>Settings</strong>
|
||||
</div>
|
||||
<p>
|
||||
<h2 class="oe_slogan">General Settings</h2>
|
||||
<p class="oe_slogan"><b>In this setting user can add Image to use as login background image.</b></p>
|
||||
<img class="oe_picture oe_screenshot" src="menu.png" alt="" style="width: 82% !important;">
|
||||
</p>
|
||||
<p>
|
||||
<h2 class="oe_slogan">Select Style</h2>
|
||||
<p class="oe_slogan">Here user can select position of login form</p>
|
||||
<img class="oe_picture oe_screenshot" src="style.png" alt="" style="width: 82% !important;">
|
||||
</p>
|
||||
<p>
|
||||
<h2 class="oe_slogan">Select Background</h2>
|
||||
<p class="oe_slogan">Here user can select image or color as login Background</p>
|
||||
<img class="oe_picture oe_screenshot" src="select_background.png" alt="" style="width: 82% !important;">
|
||||
</p>
|
||||
<p>
|
||||
<h2 class="oe_slogan">Select Image</h2>
|
||||
<p class="oe_slogan">Here user can select Background image</p>
|
||||
<img class="oe_picture oe_screenshot" src="select_image.png" alt="" style="width: 82% !important;">
|
||||
</p>
|
||||
<p>
|
||||
<h2 class="oe_slogan">Left align login form with Background Image</h2>
|
||||
<p class="oe_slogan"></p>
|
||||
<img class="oe_picture oe_screenshot" src="left_login_view.png" alt="" style="width: 82% !important;">
|
||||
</p>
|
||||
<p>
|
||||
<h2 class="oe_slogan">Right align login form with Background Image</h2>
|
||||
<p class="oe_slogan"></p>
|
||||
<img class="oe_picture oe_screenshot" src="right_login_view.png" alt="" style="width: 82% !important;">
|
||||
</p>
|
||||
<p>
|
||||
<h2 class="oe_slogan">Select Color</h2>
|
||||
<p class="oe_slogan">Here user can select Background color</p>
|
||||
<img class="oe_picture oe_screenshot" src="select_color.png" alt="" style="width: 82% !important;">
|
||||
</p>
|
||||
<p>
|
||||
<h2 class="oe_slogan">Center align login form with Background Color</h2>
|
||||
<p class="oe_slogan"></p>
|
||||
<img class="oe_picture oe_screenshot" src="middle_login_view.png" alt="" style="width: 82% !important;">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="oe_container oe_dark lead">
|
||||
<div class="oe_row" style="width: 100% !important;">
|
||||
<div class="oe_span12" style="width: 100% !important;">
|
||||
<div class="panel panel-primary" style="border:none">
|
||||
<div class="panel-body" style="text-align: center;">
|
||||
<ul class="list-unstyled">
|
||||
<div class="alert alert-info" style="background-color:#ed2f2f;color:#FFF"><i class="fa fa-globe" aria-hidden="true"></i> <strong> Our Service </strong></div>
|
||||
</ul>
|
||||
<table style="width: 100%;">
|
||||
<tr>
|
||||
<th style="text-align: center;width: 33%;"><img src="service/Customization.png" alt="" style="width:60px;height:60px;"></th>
|
||||
<th style="text-align: center;width: 33%;"><img src="service/Implementation.png" alt="" style="width:60px;height:60px;"></th>
|
||||
<th style="text-align: center;width: 33%;"><img src="service/Integration.png" alt="" style="width:60px;height:60px;"></th>
|
||||
</tr>
|
||||
<tr style="height: 40px;font-size: 18px;">
|
||||
<td style="text-align: center;width: 33%;">Odoo Customization</td>
|
||||
<td style="text-align: center;width: 33%;">Odoo Implementation</td>
|
||||
<td style="text-align: center;width: 33%;">Odoo Integration</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br></br>
|
||||
<table style="width: 100%;">
|
||||
<tr>
|
||||
<th style="text-align: center;width: 33%;"><img src="service/Migration.png" alt="" style="width:60px;height:60px;"></th>
|
||||
<th style="text-align: center;width: 33%;"><img src="service/Training.png" alt="" style="width:60px;height:60px;"></th>
|
||||
<th style="text-align: center;width: 33%;"><img src="service/Installation.png" alt="" style="width:60px;height:60px;"></th>
|
||||
</tr>
|
||||
<tr style="height: 40px;font-size: 18px;">
|
||||
<td style="text-align: center;width: 33%;">Odoo Migration</td>
|
||||
<td style="text-align: center;width: 33%;">Odoo Training</td>
|
||||
<td style="text-align: center;width: 33%;">Odoo Installation</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br></br>
|
||||
<table style="width: 100%;">
|
||||
<tr>
|
||||
<th style="text-align: center;width: 33%;"><img src="service/Consulting.png" alt="" style="width:60px;height:60px;"></th>
|
||||
<th style="text-align: center;width: 33%;"><img src="service/Support.png" alt="" style="width:60px;height:60px;"></th>
|
||||
<th style="text-align: center;width: 33%;"><img src="service/Hire.png" alt="" style="width:60px;height:60px;"></th>
|
||||
</tr>
|
||||
<tr style="height: 40px;font-size: 18px;">
|
||||
<td style="text-align: center;width: 33%;">Odoo Consulting</td>
|
||||
<td style="text-align: center;width: 33%;">Odoo Support</td>
|
||||
<td style="text-align: center;width: 33%;">Hire Developer</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="oe_container oe_dark lead">
|
||||
<div class="oe_row" style="width: 100% !important;">
|
||||
<div class="oe_span12" style="width: 100% !important;">
|
||||
<div class="panel panel-primary" style="border:none">
|
||||
<div class="panel-body" style="text-align: center;">
|
||||
<ul class="list-unstyled">
|
||||
<div class="alert alert-info" style="background-color:#ed2f2f;color:#FFF"><i class="fa fa-life-ring" aria-hidden="true"></i> <strong> Get Help & Support </strong></div>
|
||||
<li><i class="fa fa-key" style="color:#ed2f2f"></i> You will get 30 Days free support incase any bugs or issue.</li>
|
||||
<br>
|
||||
<li><img style="display: block;margin: 0 auto;height: 211px;" class="oe_picture oe_screenshot" src="yizuo_logo.png" alt=""></li>
|
||||
<br><br>
|
||||
</ul>
|
||||
<table style="width: 100%;">
|
||||
<tr>
|
||||
<th style="text-align: center;"><img src="website.png" alt="" style="width:70px;height:70px;"></th>
|
||||
<th style="text-align: center;"><img src="mail.png" alt="" style="width:70px;height:70px;"></th>
|
||||
<th style="text-align: center;"><img src="skype.png" alt="" style="width:70px;height:70px;"></th>
|
||||
</tr>
|
||||
<tr style="height: 61px;font-size: 20px;">
|
||||
<td style="text-align: center;">www.fortutechims.com</td>
|
||||
<td style="text-align: center;">info@fortutechims.com</td>
|
||||
<td style="text-align: center;">info@fortutechims.com</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
After Width: | Height: | Size: 823 KiB |
BIN
yizuo_login_background_and_styles/static/description/mail.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
yizuo_login_background_and_styles/static/description/menu.png
Normal file
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 813 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 9.9 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
BIN
yizuo_login_background_and_styles/static/description/skype.png
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
yizuo_login_background_and_styles/static/description/style.png
Normal file
|
After Width: | Height: | Size: 98 KiB |
BIN
yizuo_login_background_and_styles/static/description/website.png
Normal file
|
After Width: | Height: | Size: 46 KiB |
@@ -0,0 +1,55 @@
|
||||
.container{
|
||||
max-width: 100%;
|
||||
}
|
||||
.background{
|
||||
height:100%;
|
||||
display: block;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-attachment: fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
-webkit-filter: blur(0px);
|
||||
z-index: -1;
|
||||
}
|
||||
.body_login {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
opacity:0.7;
|
||||
}
|
||||
#mcard{
|
||||
margin-top: 7%;
|
||||
padding: 3%;
|
||||
max-width:350px
|
||||
}
|
||||
|
||||
#bcard{
|
||||
padding: 3%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.body_login input,
|
||||
.body_login select {
|
||||
background-color: transparent !important;
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
/* border-bottom: 1px solid #FED766; */
|
||||
border-radius: 0px;
|
||||
color: black;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
transition: border-color 0.7s ease;
|
||||
box-shadow: none!important;
|
||||
text-align: center;
|
||||
}
|
||||
.effect:hover{
|
||||
box-shadow: 5px 5px 5px black;
|
||||
}
|
||||
@@ -0,0 +1,165 @@
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
width: 510px;
|
||||
height: 300px;
|
||||
#background: #bfbfbf;
|
||||
margin-right: -100%;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.right-content {
|
||||
height: 300px;
|
||||
margin-left: 532px;
|
||||
|
||||
padding-left:81px;
|
||||
#background: #efefef;
|
||||
}
|
||||
|
||||
.banner {
|
||||
left: 0px;
|
||||
width: 510px;
|
||||
height: 978px;
|
||||
margin: 22px;
|
||||
|
||||
background: #005EFE;
|
||||
}
|
||||
.banner p{
|
||||
position: absolute;
|
||||
left: 65px;
|
||||
top: 59px;
|
||||
width: 172px;
|
||||
height: 64px;
|
||||
opacity: 1;
|
||||
|
||||
#background: #FFFFFF;
|
||||
}
|
||||
|
||||
.banner .logo{
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 8px;
|
||||
width: 46.02px;
|
||||
height: 38px;
|
||||
opacity: 1;
|
||||
|
||||
#background: #FFFFFF;
|
||||
}
|
||||
|
||||
.banner .logo_name {
|
||||
/* CKYC */
|
||||
|
||||
position: absolute;
|
||||
left: 55px;
|
||||
top: 0px;
|
||||
width: 117px;
|
||||
height: 64px;
|
||||
opacity: 1;
|
||||
|
||||
font-family: Roboto-Bold;
|
||||
font-size: 46px;
|
||||
font-weight: bold;
|
||||
line-height: 64px;
|
||||
letter-spacing: 0px;
|
||||
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.right .login_top{
|
||||
padding-top: 248px;
|
||||
height:0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.right .login_title {
|
||||
/* Login */
|
||||
margin:0px;
|
||||
font-family: Poppins-SemiBold;
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
line-height: 39px;
|
||||
letter-spacing: 0px;
|
||||
|
||||
color: #0D1D54;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.right .login_small_title {
|
||||
/* Login */
|
||||
|
||||
/* Thank you for get back to CKYC. */
|
||||
margin:15px 0px 0px 0px;
|
||||
width: 258px;
|
||||
height: 22px;
|
||||
opacity: 1;
|
||||
|
||||
font-family: Poppins-Medium;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0px;
|
||||
|
||||
color: #404B7C;
|
||||
}
|
||||
|
||||
.right .input_label {
|
||||
/* Email */
|
||||
|
||||
margin: 72px 0px 0px 0px;
|
||||
width: 44px;
|
||||
height: 22px;
|
||||
opacity: 1;
|
||||
|
||||
font-family: Poppins-Regular;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0px;
|
||||
|
||||
color: #404B7C;
|
||||
|
||||
}
|
||||
|
||||
.right input {
|
||||
/* Rectangle 2 */
|
||||
|
||||
margin: 15px 0px 0px 0px;
|
||||
|
||||
width: 432px;
|
||||
height: 68px;
|
||||
border-radius: 8px;
|
||||
opacity: 1;
|
||||
|
||||
padding: 0px 28px 0px 28px;
|
||||
|
||||
background: #FFFFFF;
|
||||
|
||||
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
|
||||
|
||||
font-family: Poppins-Regular;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0px;
|
||||
|
||||
#color: #D5D5D5;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.right .password {
|
||||
|
||||
}
|
||||
|
||||
.right .password input {
|
||||
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
|
||||
|
||||
.left {
|
||||
background: #005EFE;
|
||||
}
|
||||
|
||||
.left p{
|
||||
|
||||
#position:absolute;
|
||||
margin: 65px 0px 0px 0px;
|
||||
#width: 1px;
|
||||
opacity: 1;
|
||||
|
||||
#background: #FFFFFF;
|
||||
}
|
||||
|
||||
.left .logo{
|
||||
#position: absolute;
|
||||
width: 46.02px;
|
||||
height: 38px;
|
||||
|
||||
#background: #FFFFFF;
|
||||
}
|
||||
|
||||
.left .logo_name {
|
||||
/* CKYC */
|
||||
font-family: Roboto-Bold;
|
||||
font-size: 46px;
|
||||
font-weight: bold;
|
||||
line-height: 64px;
|
||||
letter-spacing: 0px;
|
||||
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.right{
|
||||
|
||||
}
|
||||
|
||||
.right .login_top{
|
||||
padding-top: 248px;
|
||||
height:0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.right .login_title {
|
||||
/* Login */
|
||||
margin:0px;
|
||||
font-family: Poppins-SemiBold;
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
line-height: 39px;
|
||||
letter-spacing: 0px;
|
||||
|
||||
color: #0D1D54;
|
||||
|
||||
}
|
||||
BIN
yizuo_login_background_and_styles/static/src/images/MRS.png
Normal file
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 85 KiB |
BIN
yizuo_login_background_and_styles/static/src/images/logo.png
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
yizuo_login_background_and_styles/static/src/images/智能工厂.png
Normal file
|
After Width: | Height: | Size: 85 KiB |
BIN
yizuo_login_background_and_styles/static/src/images/电子商务管理系统.png
Normal file
|
After Width: | Height: | Size: 89 KiB |
@@ -0,0 +1,40 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<!-- 必须的 meta 标签 -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Bootstrap 的 CSS 文件 -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
|
||||
|
||||
<!-- 自定义的 的 CSS 文件 -->
|
||||
<link href="./css/yizuo_login_style_bootstrap.css" rel="stylesheet" crossorigin="anonymous">
|
||||
|
||||
<title>Login by Bootstrap</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-4 col-sm-0 left">
|
||||
<p>
|
||||
<img src="./images/logo.png" class="rounded float-start logo"/>
|
||||
<span class="logo_name">CKYC</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 right">
|
||||
<p class="login_top"></p>
|
||||
<p class="login_title">login</p>
|
||||
<p class="login_small_title">Thank you for get back to CKYC.</p>
|
||||
<p class="email input_label">email</p>
|
||||
<input name="email" type="text" />
|
||||
<p class="password input_label">password</p>
|
||||
<input name="password" type="password" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
|
||||
crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
32
yizuo_login_background_and_styles/static/src/login.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Title</title>
|
||||
<link rel="stylesheet" href="./css/yizuo_login_style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="left">
|
||||
<div class="banner">
|
||||
<p>
|
||||
<img src="./images/logo.png" class="logo"/>
|
||||
<span class="logo_name">CKYC</span>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="right-content">
|
||||
<p class="login_top"></p>
|
||||
<p class="login_title">login</p>
|
||||
<p class="login_small_title">Thank you for get back to CKYC.</p>
|
||||
<p class="email input_label">email</p>
|
||||
<input name="email" type="text" />
|
||||
<p class="password input_label">password</p>
|
||||
<input name="password" type="password" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||