[3.2] Wie Link für eigenen Style im Footer für Datenschutz und Impressum erstellen

[Lehrling]

Schau mal hier nach: https://www.youtube.com/watch?v=cAXVO3A ... btJRM-LgGs

Für die blaue Schrift solltest du im colours.css nach forumtitle suchen. Das Blau oben ist die ganz reguläre Linkfarbe, im colours.css unter a:link etc. definiert.

[LevelOne2k]

Krass, da wird ja alles ganz genau erklärt. Komisch das ich es mit dem untersuchen nicht gefunden habe, wahrscheinlich suche ich irgendwie falsch. Danke für das Video.

[LevelOne2k]

Kuze frage noch: Kann ich mir auch eine eigene css erstellen wo ich alle meine Änderungen einbinde und diese darin enthaltene Änderungen die Inhalte in den anderen css Dateien überschreibt?

[Dr.Death]

Erstelle Dir einfach einen vererbten, eigenen Style:

Videos dazu: https://www.youtube.com/watch?v=8egI2Uw ... btJRM-LgGs
Child Style erstellen: viewtopic.php?f=153&t=239682
https://www.phpbb.de/kb/create31style

[LevelOne2k]

Hallo, ich habe es nun ganz genau so wie im Video zu sehen gemacht.

Ich habe in der stylesheet.css von meinem Style erstmal zum Test den Hintergrund, die Navbar und die Forumsliste geändert. Der die Farbe für den Hintergrund und der Navbar haben sich geändert, aber an der Forumsliste wird sie nicht sichtbar.

Für die Forumsliste habe ich mich an diesem Video orientiert:https://www.youtube.com/watch?v=cAXVO3ALf6Q&t=2s

Meine stylesheet.css:

Code: Alles auswählen

/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			EnigmoteStyle
	Based on style:		prosilver
	Style author:		Enigmote | Sven
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

html, body {
	color: #ecf0f1;
	background-color: #202020;
}

/* Navbar */
.navbar {
	background-color: #303030;
}

/* Text Color Navbar */
a {color: #ecf0f1;}
a:hover { color: #D31141; }

/* AENDERUNG WIRD NICHT UEBERNOMMEN BZW ANGEZEIGT */
.headerbar, .forumbg {
	background-color: #ff6666;
}

/* AENDERUNG WIRD NICHT UEBERNOMMEN BZW ANGEZEIGT */
ul.forums {
	background-color: #0f2500; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #0f2500 0%, #59db00 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}

/* AENDERUNG WIRD NICHT UEBERNOMMEN BZW ANGEZEIGT */
.forabg {
	background-color: #74d36f;
}

/* NOCH KEIN TEXT */
li.header dt, li.header dd {
	color: #74d36f;
}

/* Round cornered boxes and backgrounds */
.headerbar {
	margin-bottom: 4px;
	padding: 5px;
	border-radius: 17px;
}

/* Main blocks */
.wrap {
	border: 1.5px solid transparent;
	border-radius: 0px;
	margin: 0 auto;
	max-width: 1152px;
	min-width: 625px;
	padding: 15px;
	background-color: #202020;
	border-color: #303030;
}

Link zum Forum https://testboard.enigmote.de

Edit: Ich habe auch mal die .headerbar, .forumbg geändert, auch da wird die Farbe nicht geändert und es bleibt blau.

[Lehrling]

Du musst das Hintergrundbild ausblenden. Füge mal folgendes hinzu:

Code: Alles auswählen

background-image: none;

[LevelOne2k]

Jetzt funktioniert es. Vielen Dank!

Kann ich die Hintergrundbilder immer mit nur einem Eintrag ausblenden? Denn ich werde keine Hintergründe für das Design verwenden, nur feste Farben, auch ohne Verläufe. Oder ist das nicht ratsam?

[Lehrling]

Kann ich die Hintergrundbilder immer mit nur einem Eintrag ausblenden?

Ich habe mir deine Seite jetzt mit Chrome, firefox und IE angeschaut, und das Hintergrundbild ist weg. Sollte also funktionieren.

[LevelOne2k]

Ja genau, ich musste es halt für alle 3 Bereiche einfügen. Ich meinte aber, ob man einmalig in der stylesheet.css einen Eintrag einfügen kann, der immer und überall alle Hintergrund Bilder ignoriert, damit ich den Code für das ignorieren nicht immer da wo ich es dann brauche, hinzufügen muss.

Edit:
Scheinbar hat die responsive Ansicht jetzt einen Fehler. Ich kann die Seite auf meinem iPhone XS Max nach links und rechts schieben. Es Schein so, als wäre die Seite zu breit.
[ externes Bild ]

[vfrblue]

Du hast in der stylesheet.css deines Styles zuviel eingetragen.
Suche

Code: Alles auswählen

.wrap {
    border: 1.5px solid transparent;
    border-radius: 0px;
    margin: 0 auto;
    max-width: 1152px;
    min-width: 625px;
    padding: 15px;
    background-color: #202020;
    border-color: #303030;
}

und ersetze es mit

Code: Alles auswählen

.wrap {
    border: 2px solid #303030;
    border-radius: 0px;
    background-color: #202020;
}

Dann passt es mit der responsiven Ansicht auch wieder. Durch die "festen" Werte von max-width und min-width können die responsiven Standard-Einstellungen nicht greifen, da die Werte aus dieser stylesheet.css die responsiven Vorgaben überschreibt.
Trage in der stylesheet.css deines Styles nur das ein, was du geändert haben möchtest. Dadurch werden nur diese Einstellungen überschrieben. Alle anderen Einstellungen bleiben erhalten.