Authentifizierungsvorlagen legen HTML-Formulare für die Benutzung in formularbasierten Authentifizierungsrichtlinien fest.
XG Firewall bietet anpassbare HTML- und CSS-Vorlagen. Um sicherzustellen, dass die Authentifizierungsvorlagen gut funktionieren, erfahren Sie mehr über die Variablen.
Sie können die hier aufgeführten Variablen verwenden. Einige sind erforderlich, andere optional.
Die Vorlage muss die folgenden Variablen und die folgende Struktur haben:
Variable |
Beschreibung |
---|---|
|
Ein Element „form“ mit folgendem Inhalt:
|
|
Das Element „form“ muss ein Element „input“ haben, mit „name“ gesetzt auf httpd_username. Beispiel:
|
|
Das Element „form“ muss ein Element „input“ haben, mit „name“ gesetzt auf httpd_password. Beispiel:
|
Variable |
Beschreibung |
---|---|
<?assets_path?> |
Ersetzt durch den Pfad, an dem sich die Objekte befinden, die Sie mit der Authentifizierungsvorlage hochladen. Um eine saubere Authentifizierungsvorlage zu haben, platzieren Sie die Stylesheets, Bilder und andere Elemente außerhalb der Vorlage. Beispiel: |
<?admin_contact?> |
Ersetzt durch die in eingegebene E-Mail-Adresse. |
<?company_logo?> |
Um das Sophos Logo zu ersetzen, fügen Sie den Pfad zu Ihrem Logo ein. |
<?company_text?> |
Ersetzen Sie die Variable durch den Text, den Benutzer sehen sollen. |
<?persistency?> |
Derzeit nicht verwendet. Sie können den Absatz entfernen, wo es verwendet wird. |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="<?assets_path?>/default_stylesheet.css">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Login</title>
</head>
<body>
<div id="container">
<div class="info">
<img src="<?company_logo?>" alt="">
<p><?company_text?></p>
</div>
<form action="<?login_path?>" method="POST">
<p><label for="httpd_username">Username:</label>
<input name="httpd_username" type="text"></p>
<p><label for="httpd_password">Password:</label>
<input name="httpd_password" type="password"></p>
<p style="visibility:<?persistency?>">
<label for="httpd_persistency">Keep me logged in</label>
<input name="httpd_persistency" type="checkbox"></p>
<p><input type="submit" value="Login"></p>
</form>
<div class="note">If you encounter any problems or questions, please contact <b><?admin_contact?></b>.</div>
</div>
</body>
</html>
html, body {
width: 100%;
height: 100%;
color: #444;
background: #f0f0f0;
font: 9pt Arial,Helvetica,sans-serif;
}
#container {
position: fixed;
width: 340px;
height: 470px;
top: 40%;
left: 50%;
margin-top: -170px;
margin-left: -170px;
background: #fff;
border-radius: 3px;
border: 1px solid #ccc;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.info {
font-size: 14px;
padding-left: 20px;
padding-top: 20px;
line-height: 23px;
text-align: center;
}
.note {
font-size: 11.5px;
color: #606060;
line-height: 14px;
float: left;
margin: 20px;
text-align: justify;
}
form {
margin: 0 auto;
margin-top: 20px;
}
label {
color: #555;
display: inline-block;
margin-left: 18px;
padding-top: 10px;
font-size: 14px;
}
input {
font-size: 12px;
outline: none;
}
input[type=text], input[type=password] {
color: #777;
padding-left: 10px;
margin: 10px;
margin-top: 12px;
margin-left: 18px;
width: 300px;
height: 35px;
}
input[type=text]:focus, input[type=password]:focus {
border: 1px solid #a8c9e4;
box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
}
input[type=submit] {
float: right;
margin-right: 20px;
margin-top: 20px;
width: 80px;
height: 30px;
font-size: 14px;
width: 80px;
height: 30px;
left: 50%;
}