Druckbare Version
Hallo zusammen,
ich habe in den aktuellen Changelogs zu 4.11 und zugehörigen Git Tickets gesehen das Andreas das Logo vom Backendlogin geändert hat (https://github.com/contao/contao/pul...ment-664011209) .
Das würde ich bei einer Installation auch gerne machen. Darf ich das überhaupt? Ich will hier nicht gegen ein Copyright etc. verstossen. Und wenn ja, wie mache ich das? be_login.html5 enthält diese Datei ja gar nicht sondern es ist ein SVG das im Body per CSS ist.
Vg
Frank
Du kannst ja das Contao Logo drinlassen. ;)
Ich habe, da ein background komplett über die ganze Seite ist, einfach den container div nochmal eingetütet in ein <div id="background" class="login">
Beispiel, nur mit backgroundcolor: clickme
ToM
Ich hätte dann sowas wie Kundenlogo + powered by oder so gemacht. Aber das mit der Farbe ist auch schon mal ein Anfang.
Das hab ich schon lange in der Art. Bei der dev Seite den Hintergrund noch per paint.net mit nem blur versehen.
Den roten bzw grünen Rand hab ich auch schon lang drin, bevor der Badge kam.
Das hier müsste komplett sein:
Anhang 24349 & Anhang 24350Code:/* Variables */
:root {
/* #0f0 / rgba(0, 255, 0, 0.8); - grün (produktiv) */
/* #f00 / rgba(255, 0, 0, 0.8); - rot (test) */
--border-color: rgba(0, 255, 0, 0.8);
/* Nightwing: #424242; */
/* Bauwagen: #aa4242; */
/* Reigen: #6297BA; */
--background-color: #424242;
}
/* Layout - Scrollbar invisible */
html,
body {
min-height:100vh;
font: 0.95em Ubuntu,Arial,sans-serif;
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-scrollbar: none;
}
/* Login */
#background.login {
min-height:100vh;
margin: -15em auto;
background: #132330 -webkit-radial-gradient(#234058,#0f1c26) !important;
background: #132330 radial-gradient(#234058,#0f1c26) !important;
}
.tl_login_form {
margin: 25em auto;
background: url(../../../system/themes/flexible/icons/contao.svg) top 1em center no-repeat;
background-size: 64px;
-webkit-box-shadow: inset 0.5em 0.5em 0em 0em var(--border-color);
-moz-box-shadow: inset 0.5em 0.5em 0em 0em var(--border-color);
box-shadow: inset 0.5em 0.5em 0em 0em var(--border-color);
}
ToM
Nachtrag der Vollständigkeit in einem Post halber:
Ich habe im be_login.html5 Template, da ein background komplett über die ganze Seite ist, einfach den container div nochmal eingetütet in ein <div id="background" class="login">
Danke
P.S. du hast 2 mal die Container ID "container" drin.
Ja, aber einmal mit der Klasse login.
Obs fachlich richtig ist, werd ich jetzt gleich mitbekommen...
ToM
Wie du CSS schreibst weißt du ja vermutlich? ;)Zitat:
Zitat von Kahmoon
- - - Aktualisiert - - -
IDs sind eindeutig. Wenn du dieselbe ID mehrmals in deinem HTML DOM hast, dann ist das invalides HTML. Verstehe auch nicht, warum du das so machen willst?Zitat:
Zitat von Nightwing
Jo klar :-)
Also über die neue Backend.css zum Beispiel. Will aber da kein Copyrightvergehen oder so machen. Contao soll da schon sichtbar bleiben. Geht nur um ein nice to have für den Kunden.
Das ist wie gesagt, schon ewig drin und ich hab mich nicht mehr damit auseinandergesetzt.Zitat:
Zitat von Spooky
Aber, mit dem Mehrwissen jetzt, änder ich das natürlich, da es ja auch fachlich passen soll.
Danke.
ToM
Danke auf jeden fall für die Hinweise. Ich spiel mal bissl rum :)
Obiger Code und DIV ID korrigiert, danke Euch beiden!
ToM