当前位置:首页 > 代码学苑 > 网建教程

VtigerCRM修改登陆面板去掉新闻模块

来源:php教程 作者: 2020-06-21

VtigerCRM原本的登陆界面会有两个模块,一个是登陆界面,一个是新闻模块,当然他们中间还有一个分割线。

而原本的新闻模块,由于加载的是外部新闻链接(链接来自于海外),导致网页加载速度变慢,甚至有时候加载不出来新闻列表。

今天我们主要目的是删除新闻模块,顺便去掉底部的版权信息。如下图:

第一步:找到要修改的文件

在CRM根目录文件夹”layouts/v7/modules/Users”下的login.tpl文件。

第二步:删除新闻模块和分割线

这两个区块是用bootstrap的响应式样式圈起来的,我们给他去掉,顺便改一下登陆框的样式。

第三步:把footer底部的样式display:none;

最终代码如下:

{*+*********************************************************************************** The contents of this file are subject to the vtiger CRM Public License Version 1.1* ("License"); You may not use this file except in compliance with the License* The Original Code is: vtiger CRM Open Source* The Initial Developer of the Original Code is vtiger.* Portions created by vtiger are Copyright (C) vtiger.* All Rights Reserved.************************************************************************************}{* modules/Users/views/Login.php *}{strip}	<style>		body {			background: url(layouts/v7/resources/Images/login-background.jpg);			background-position: center;			background-size: cover;			width: 100%;			height: 96%;			background-repeat: no-repeat;		}		hr {			margin-top: 15px;			background-color: #7C7C7C;			height: 2px;			border-width: 0;		}		h3, h4 {			margin-top: 0px;		}		hgroup {			text-align:center;			margin-top: 4em;		}		input {			font-size: 16px;			padding: 10px 10px 10px 0px;			-webkit-appearance: none;			display: block;			color: #636363;			width: 100%;			border: none;			border-radius: 0;			border-bottom: 1px solid #757575;		}		input:focus {			outline: none;		}		label {			font-size: 16px;			font-weight: normal;			position: absolute;			pointer-events: none;			left: 0px;			top: 10px;			transition: all 0.2s ease;		}		input:focus ~ label, input.used ~ label {			top: -20px;			transform: scale(.75);			left: -12px;			font-size: 18px;		}		input:focus ~ .bar:before, input:focus ~ .bar:after {			width: 50%;		}		#page {			padding-top: 6%;		}		.widgetHeight {			height: 410px;			margin-top: 20px !important;		}		.loginDiv {			width: 380px;			margin: 0 auto;			border-radius: 4px;			box-shadow: 0 0 10px gray;			background-color: #FFFFFF;		}		.marketingDiv {			color: #303030;		}		.separatorDiv {			background-color: #7C7C7C;			width: 2px;			height: 460px;			margin-left: 20px;		}		.user-logo {			height: 110px;			margin: 0 auto;			padding-top: 40px;			padding-bottom: 20px;		}		.blockLink {			border: 1px solid #303030;			padding: 3px 5px;		}		.group {			position: relative;			margin: 20px 20px 40px;		}		.failureMessage {			color: red;			display: block;			text-align: center;			padding: 0px 0px 10px;		}		.successMessage {			color: green;			display: block;			text-align: center;			padding: 0px 0px 10px;		}		.inActiveImgDiv {			padding: 5px;			text-align: center;			margin: 30px 0px;		}		footer {			display:none!important;		}		.bar {			position: relative;			display: block;			width: 100%;		}		.bar:before, .bar:after {			content: '';			width: 0;			bottom: 1px;			position: absolute;			height: 1px;			background: #35aa47;			transition: all 0.2s ease;		}		.bar:before {			left: 50%;		}		.bar:after {			right: 50%;		}		.button {			position: relative;			display: inline-block;			padding: 9px;			margin: .3em 0 1em 0;			width: 100%;			vertical-align: middle;			color: #fff;			font-size: 16px;			line-height: 20px;			-webkit-font-smoothing: antialiased;			text-align: center;			letter-spacing: 1px;			background: transparent;			border: 0;			cursor: pointer;			transition: all 0.15s ease;		}		.button:focus {			outline: 0;		}		.buttonBlue {			background-image: linear-gradient(to bottom, #35aa47 0px, #35aa47 100%)		}		.ripples {			position: absolute;			top: 0;			left: 0;			width: 100%;			height: 100%;			overflow: hidden;			background: transparent;		}		//Animations		@keyframes inputHighlighter {			from {				background: #4a89dc;			}			to 	{				width: 0;				background: transparent;			}		}		@keyframes ripples {			0% {				opacity: 0;			}			25% {				opacity: 1;			}			100% {				width: 200%;				padding-bottom: 200%;				opacity: 0;			}		}	</style>	<span class="app-nav"></span>	<div class="loginDiv widgetHeight">		<img class="img-responsive user-logo" src="layouts/v7/resources/Images/vtiger.png">		<div>			<span class="{if !$ERROR}hide{/if} failureMessage" id="validationMessage">{$MESSAGE}</span>			<span class="{if !$MAIL_STATUS}hide{/if} successMessage">{$MESSAGE}</span>		</div>		<div id="loginFormDiv">			<form class="form-horizontal" method="POST" action="index.php">				<input type="hidden" name="module" value="Users"/>				<input type="hidden" name="action" value="Login"/>				<div class="group">					<input id="username" type="text" name="username" placeholder="">					<span class="bar"></span>					<label>用户名</label>				</div>				<div class="group">					<input id="password" type="password" name="password" placeholder="">					<span class="bar"></span>					<label>密码</label>				</div>				<div class="group">					<button type="submit" class="button buttonBlue">Sign in</button><br>					<a class="forgotPasswordLink" style="color: #15c;">忘记密码?</a>				</div>			</form>		</div>		<div id="forgotPasswordDiv" class="hide">			<form class="form-horizontal" action="forgotPassword.php" method="POST">				<div class="group">					<input id="fusername" type="text" name="username" placeholder="" >					<span class="bar"></span>					<label>用户名</label>				</div>				<div class="group">					<input id="email" type="email" name="emailId" placeholder="" >					<span class="bar"></span>					<label>邮箱</label>				</div>				<div class="group">					<button type="submit" class="button buttonBlue forgot-submit-btn">提交</button><br>					<span>填充后提交<a class="forgotPasswordLink pull-right" style="color: #15c;">返回</a></span>				</div>			</form>		</div>	</div>	<script>		jQuery(document).ready(function () {			var validationMessage = jQuery('#validationMessage');			var forgotPasswordDiv = jQuery('#forgotPasswordDiv');			var loginFormDiv = jQuery('#loginFormDiv');			loginFormDiv.find('#password').focus();			loginFormDiv.find('a').click(function () {				loginFormDiv.toggleClass('hide');				forgotPasswordDiv.toggleClass('hide');				validationMessage.addClass('hide');			});			forgotPasswordDiv.find('a').click(function () {				loginFormDiv.toggleClass('hide');				forgotPasswordDiv.toggleClass('hide');				validationMessage.addClass('hide');			});			loginFormDiv.find('button').on('click', function () {				var username = loginFormDiv.find('#username').val();				var password = jQuery('#password').val();				var result = true;				var errorMessage = '';				if (username === '') {					errorMessage = 'Please enter valid username';					result = false;				} else if (password === '') {					errorMessage = 'Please enter valid password';					result = false;				}				if (errorMessage) {					validationMessage.removeClass('hide').text(errorMessage);				}				return result;			});			forgotPasswordDiv.find('button').on('click', function () {				var username = jQuery('#forgotPasswordDiv #fusername').val();				var email = jQuery('#email').val();				var email1 = email.replace(/^/s+/, '').replace(//s+$/, '');				var emailFilter = /^[^@]+@[^@.]+/.[^@]*/w/w$/;				var illegalChars = /[/(/)/</>/,/;/:///"/[/]]/;				var result = true;				var errorMessage = '';				if (username === '') {					errorMessage = 'Please enter valid username';					result = false;				} else if (!emailFilter.test(email1) || email == '') {					errorMessage = 'Please enter valid email address';					result = false;				} else if (email.match(illegalChars)) {					errorMessage = 'The email address contains illegal characters.';					result = false;				}				if (errorMessage) {					validationMessage.removeClass('hide').text(errorMessage);				}				return result;			});			jQuery('input').blur(function (e) {				var currentElement = jQuery(e.currentTarget);				if (currentElement.val()) {					currentElement.addClass('used');				} else {					currentElement.removeClass('used');				}			});			var ripples = jQuery('.ripples');			ripples.on('click.Ripples', function (e) {				jQuery(e.currentTarget).addClass('is-active');			});			ripples.on('animationend webkitAnimationEnd mozAnimationEnd oanimationend MSAnimationEnd', function (e) {				jQuery(e.currentTarget).removeClass('is-active');			});			loginFormDiv.find('#username').focus();			var slider = jQuery('.bxslider').bxSlider({				auto: true,				pause: 4000,				nextText: "",				prevText: "",				autoHover: true			});			jQuery('.bx-prev, .bx-next, .bx-pager-item').live('click',function(){ slider.startAuto(); });			jQuery('.bx-wrapper .bx-viewport').css('background-color', 'transparent');			jQuery('.bx-wrapper .bxslider li').css('text-align', 'left');			jQuery('.bx-wrapper .bx-pager').css('bottom', '-15px');			var params = {				theme		: 'dark-thick',				setHeight	: '100%',				advanced	:	{									autoExpandHorizontalScroll:true,									setTop: 0								}			};			jQuery('.scrollContainer').mCustomScrollbar(params);		});	</script>	{/strip}

原文链接:https://www.louishe.com/2019/12/21/doc-6409.html

猜你喜欢
    无相关信息