[3.3] Forenübersicht

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
vfrblue
Ehemaliges Teammitglied
Beiträge: 1999
Registriert: 22.11.2016 18:46

Re: [3.3] Forenübersicht

Beitrag von vfrblue »

Änderungen am CSS in der "stylesheet.css" einzutragen, kommen nicht so gut.
Erstelle eine neue .css-Datei (z.B. "custom.css"] und binde diese Datei als letztes in der "stylesheet.css" ein:

Code: Alles auswählen

@import url("normalize.css?v=3.3");
@import url("base.css?v=3.3");
@import url("utilities.css?v=3.3");
@import url("common.css?v=3.3");
@import url("links.css?v=3.3");
@import url("content.css?v=3.3");
@import url("buttons.css?v=3.3");
@import url("cp.css?v=3.3");
@import url("forms.css?v=3.3");
@import url("icons.css?v=3.3");
@import url("colours.css?v=3.3");
@import url("responsive.css?v=3.3");
@import url("custom.css?v=3.3");
Dann füge alle css-Änderungen am Style in diese Datei ein und speichere sie im "theme"-Verzeichnis ab. So bleibt das originale CSS unberührt und bei Style-Updates brauchst du jeweils nur diese Datei hinzufügen.
Da die "custom.css" als letztes geladen wird, werden auch alle vorangegangenen Einstellungen durch diese Datei überschrieben.
smt95
Mitglied
Beiträge: 27
Registriert: 23.04.2020 23:38

Re: [3.3] Forenübersicht

Beitrag von smt95 »

@Kirk

https://habboforum123.4lima.de/viewforum.php?f=2

Wenn du den Menüpunkt Forenübersicht anklickst wirst du sehen das er sich von weiß auf blau verfärbt.

Auch ein Screen habe ich parat:
https://www.bilder-upload.eu/bild-88a4d ... 0.jpg.html

@vfrblue
Ich werde es mal ausprobieren, glaubst du dadurch kann die Änderung endlich wie gewünscht klappen?
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17412
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:

Re: [3.3] Forenübersicht

Beitrag von Dr.Death »

Ihr habt in der colours.css herumgespielt mit den Elementen:

Code: Alles auswählen

.navbar a:link  { color: #FFFFFF; }
.navbar a:hover  { color: #FFFFFF; }

Wenn man "a:link" und "a:hover" anfasst, sollte man "a:visited" nicht vergessen ;-)

Code: Alles auswählen

.navbar a:link  { color: #FFFFFF; }
.navbar a:hover  { color: #FFFFFF; }
.navbar a:visited  { color: #FFFFFF; }
smt95
Mitglied
Beiträge: 27
Registriert: 23.04.2020 23:38

Re: [3.3] Forenübersicht

Beitrag von smt95 »

@Dr.Death

DANKE!!! Nach 3 Tagen verzweiflung bist du die Rettung.
Es hat geklappt.

Jetzt ist das Schnellmenü im Hintergrund weiß und die Schrift auch, kann ich dies auch seperant umstellen?
vfrblue
Ehemaliges Teammitglied
Beiträge: 1999
Registriert: 22.11.2016 18:46

Re: [3.3] Forenübersicht

Beitrag von vfrblue »

Wie Dr.Death schon geschrieben hat: Ihr habt mit dem Original-CSS rumgespielt und teilweise auch fehlerhafte Anweisungen erteilt:
z.B. in der "stylesheet.css": Die Angabe für die "font-family" ist nicht vollständig. Dadurch werden die Werte für die ".navbar" nicht gesetzt.

Code: Alles auswählen

.navbar {
 background-color: #227AAD;
 color: #FFFFFF;
 font-family: 
} 
Erstelle eine "custom.css", so wie ich es schon geschrieben habe. Dadurch tastest du die originalen Dateien nicht an und kannst auch genau nachverfolgen, wie und was du verändert hast. Auch werden dort nur die Werte eingetragen, die du jeweils für die Klasse geändert haben möchtest.
smt95
Mitglied
Beiträge: 27
Registriert: 23.04.2020 23:38

Re: [3.3] Forenübersicht

Beitrag von smt95 »

hallo,
wie heißt den der bereich um den bereich zu ändern bzw der html code ^^
https://www.bilder-upload.eu/bild-a6a71 ... 8.jpg.html
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17412
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:

Re: [3.3] Forenübersicht

Beitrag von Dr.Death »

Versuche das doch mal selbst herauszufinden.
Benutze die F12 Taste auf Deiner Tastatur wenn du im Browser Deine Seite aufgerufen hast.



Der Bereich ist wahrscheinlich:
.dropdown .dropdown-contents
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 7912
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: [3.3] Forenübersicht

Beitrag von Kirk »

Wenn du einen Style modifizierst, musst du dich schon etwas mit html und css befassen. Hier noch ein nützlicher Link: Code des Styles finden und ändern
smt95
Mitglied
Beiträge: 27
Registriert: 23.04.2020 23:38

Re: [3.3] Forenübersicht

Beitrag von smt95 »

https://www.bilder-upload.eu/bild-0f38e ... 4.jpg.html

Ich hab mich schon versucht damit zu verfassen auch Tutorials etc geguckt aber bei mir sieht die F12 Konsole so aus, ich makiere den bereich wo ich was rausfinden will jedoch kommt ich da garnicht klar mit weil alles mögliche angezeigt wird ^^ >.<

@Dr

Danke es war der richtige code ^^
Antworten

Zurück zu „Styles, Templates und Grafiken“