Wednesday, December 23, 2015

Vtiger CRM Login page edit with Christmas snow fall and background music





If you installed Vtiger CRM on Ubuntu server

  1. Login to server by root login
  2. path cd  /var/www/vtigercrm/layouts/vlayout/modules/Users
  3. cp Login.Default.tpl Login.Default.tpl.org
  4. nano Login.Default.tpl 
  5. paste the blow coding  on top 
---------------------------------------------------------------------------------------------------------
<!doctype html>
<html>
<head>
<title>Falling Snow Example | kirupa.com</title>
<style>
body
#snowflakeContainer {
position: absolute;
left: 0px;
top: 0px;
}
.snowflake {
padding-left: 15px;
font-family: Cambria, Georgia, serif;
font-size: 14px;
line-height: 24px;
position: fixed;
color: #FF0000;
user-select: none;
z-index: 1000;
}
.snowflake:hover {
cursor: default;
}

p, ol {
font-family: "Franklin Gothic Medium", "Arial Narrow", sans-serif;
font-size: 24px;
color: #CCC;
}
li {
margin-bottom: 24px;
padding-left: 10px;
}
</style>
</head>
------------------------------------------------------------------------------------------------------------

  1.       Under body part paste below coding 
------------------------------------------------------------------------------------------------------------

<div id="snowflakeContainer">
        <p class="snowflake">*</p>
</div>



<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>


<script src="http://www.kirupa.com/js/fallingsnow_v6.js"></script>
<script src="http://www.kirupa.com/js/prefixfree.min.js"></script>


  1. upload music file to /var/www/vtigercrm/
  2. rename music file as horse.mp3               (MP3 files are recommended)

No comments:

Post a Comment