Ändern des Designs vom NoSpamProxy WebPortal in der Version 10
Dieser Artikel beschreibt, wie Sie in NoSpamProxy 10 die verwendeten Farben und das Logo des Web Portals ändern können.
WICHTIG
Sie benötigen zumindest rudimentäre HTML-Kenntnisse, um die Anpassungen durchführen zu können.
Die entsprechenden Dateien liegen im Verzeichnis “%ProgramFiles%\Net at Work Mail Gateway\enQsig Webportal\”.
Wichtig sind die Dateien “..\Content\Site.css” (in dieser Datei legen Sie die Farben fest) und die Datei “..\Views\Shared\_Layout.cshtml” (hier ändern Sie beispielsweise das Logo).
Ändern der Farben
Um die Farben zu editieren, editieren Sie zunächst die Datei “Site.css”. Es gibt vier relevante Stellen, für die Farbe:
header {
margin: 0 auto 0 auto;
border-bottom: 10px solid #C01B1B;
width: 100%;
background-color: white;
}
Diese Stelle markiert den farbigen Balken im oberen Bereich. Ändern Sie den Wert #C01B1B auf einen anderen Wert, um die Farbe zu ändern. Um die Stärke des Balkens zu ändern, erhöhen oder reduzieren Sie den Wert 10px.
.dz-upload {
height: 2px;
background-color: #C01B1B;
width: 0;
}
Dieser Bereich bestimmt die Farbe des Fortschrittsbalkens, sobald eine Datei auf das Web Portal übertragen wird. Mit “height” verändern Sie die Stärke des Balkens, mit “background-color” ändern Sie die Farbe.
.actionRow .button {
background: #C01B1B;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 24px;
padding-right: 24px;
clear: both;
margin: 15px 0 0 0;
color: white;
text-decoration: none;
border: none;
}
Dieser Bereich bestimmt das Aussehen der Actionbuttons, wie zum Beispiel der “Anmelden” Knopf. Sie können hier die Farbe mit “background” ändern, bzw. die Größe mit den vier “padding-Feldern”.
.FileName {
color: #C01B1B;
padding: 4px 0 4px 0;
}
Mit dieser Einstellung ändern Sie die Schriftfarbe der Auflistung aller bereits hochgeladenen Dateien.
Ändern des Logos
Um das angezeigte Logo zu ändern, editieren Sie die Datei “_Layout.cshtml”. Die folgende Zeile ist für die Darstellung des Logos verantwortlich:
<img class="logo" src="@Url.Content("~/Content/Images/NoSpamProxy.png")" alt="Logo" title="Logo" />
Benennen Sie hier die Position und den Namen der neuen Datei und speichern die Einstellungen ab.