MOD Admin login random background and MODERN STYLE

[chuliano]

MOD Admin login random background and MODERN STYLE

 

 

Is very simple.

 

1 - Edit file "adminskinsdefaulttemplateslogin.php" (make backup first)

 

2 - Download the file in this topic (random background). LINK >https://forums.cubecart.com/topic/49045#n-skin/ 

 

3 - Add after this line the next code:

<link rel="stylesheet" type="text/css" href="{$SKIN_VARS.admin_folder}/skins/{$SKIN_VARS.skin_folder}/styles/layout.css" media="screen" />
<!-- CODE HERE -->

LIKE THIS

<link rel="stylesheet" type="text/css" href="{$SKIN_VARS.admin_folder}/skins/{$SKIN_VARS.skin_folder}/styles/layout.css" media="screen" />
<!-- CODE HERE -->
<style>
body {
background : #dddddd url("{$STORE_URL}/js/random_walls.php"); /* link to topic, use the same file random_wall.php */
/*background : #dddddd url("{$STORE_URL}/js/random_walls.php?img=intel_chip-wide.jpg");*/
background-attachment: fixed; background-color: black; background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.preauth-wrapper_new {
background-color: #FFF;
margin: auto;
width: 350px; /* */
height: 180;
padding: 0 0 6px 0;
/* margin-top: 30px; */
/* border-left: 40px solid #F7F7F7; */
/* border-bottom: 40px solid #F7F7F7; */
/* border-right: 40px solid #F7F7F7; */
position: absolute;
top: 50%;
margin-top: -100px;
margin-left: 50px;
border-radius: 5px;
box-shadow: 0 0 1em black;
}
#login-box > h1 {
margin: 7px 0 10px 0;
padding: 5px 10px 5px 10px;
color: #FFF;
font-size: 18px;
background-color: #000;
border-radius: 5px;
text-align: -webkit-center;
font-size: 12px;
}
</style>

In the same file find 

class="preauth-wrapper

and replace with this

class="preauth-wrapper_new

Save the file.

 

Clear cache and DONE!!!

 

Hope you like it!!!

 

Comment Please!!