Seite 1 von 1

Fragen zur Erstellung eines neuen Styles

Verfasst: 26.11.2017 18:32
von orpheus77
Hallo,

ich erstelle gerade einen neuen Style auf der Basis von prosilver. Die wesentlichen Bereiche hab ich noch durch, aber einige bereiten mir Kopfzerbrechen.
  • Schnellzugriff Menü
  • Persönlicher Bereich
  • Anmelde und Registrierungs Seiten
In diesen Bereich muss ich die Schriftfarbe und die Hintergrundfarben noch ändern - wo in den Stylesheets finde ich diese Bereiche?

LG Stefan

Re: Fragen zur Erstellung eines neuen Styles

Verfasst: 26.11.2017 18:58
von Lehrling
Könntest du ein paar Screenshots mitliefern? Es ist nicht ganz klar, was du im persönlichen Bereich und auf der Anmeldeseite genau ändern möchtest.
Die Farben für den Schnellzugriff findest du im originalen prosilver colours.css ab Zeile 1131.

Re: Fragen zur Erstellung eines neuen Styles

Verfasst: 26.11.2017 22:07
von orpheus77
Hallo und erstmal DANKE für deine tollen Tutorials auf Youtube!!!!

Persönlicher Bereich:
[ externes Bild ]

Schnellzugriff:
[ externes Bild ]

Anmeldung/Registrierung:
[ externes Bild ]

Die Schriftfarbe muss ich ändern und tlw. sind die Hintergründe noch blau.

LG Stefan

Re: Fragen zur Erstellung eines neuen Styles

Verfasst: 26.11.2017 22:17
von Lehrling
Danke. :)
Für die Anmeldung/Registrierung musst du folgende Codes bearbeiten:
Im colours.css
für die Hintergrundfarbe (die Änderung greift aber dann auch an anderen Stellen, nicht nur auf der Anmeldeseite

Code: Alles auswählen

.panel {
	background-color: #ECF1F3;
	color: #28313F;
}
und für die Schriftfarbe

Code: Alles auswählen

.content {
	color: #333333;
}

.content h2, .panel h2 {
	color: #115098;
	border-bottom-color:  #CCCCCC;
}

dd label {
	color: #333;
}
Beachte, dass diese Änderungen auch an anderen Stellen wirksam werden.
Für das Dropdownmenü ist nach wie vor die Stelle zuständig, die ich dir in meinem vorherigen Post genannt habe, also das mit dropdown im colours.css ab Zeile 1131.
Viel Erfolg.

Re: Fragen zur Erstellung eines neuen Styles

Verfasst: 26.11.2017 22:47
von Melmac
Lehrling hat geschrieben:für die Hintergrundfarbe (die Änderung greift aber dann auch an anderen Stellen, nicht nur auf der Anmeldeseite
Vielleicht lässt sich dies durch einen anderen Ansatz umgehen:

in die colours.css ganz am Ende einfügen:

Code: Alles auswählen

.captcha-panel {
  background-color: #A1A1A1;
}
Den Farbwert entsprechend anpassen.

in der ucp_register.html suche nach

Code: Alles auswählen

<div class="panel">
Das kommt dort 3x vor - alle ersetzen durch

Code: Alles auswählen

<div class="panel" style="background-color: #A1A1A1;">
Auch hier wieder den Farbwert entsprechend anpassen.

Re: Fragen zur Erstellung eines neuen Styles

Verfasst: 28.11.2017 13:45
von orpheus77
Hallo,

ich hab's mal nach der Methode von lehrling probiert, aber ich bekomms nicht hin. Stand eigentlich schon überall #000 drinnen, aber die Schriften sind noch immer nicht schwarz :-(

Code: Alles auswählen

.panel {
	background-color: #F0F0F0;
	color: #000000;
}
.post:target .content {
	color: #000000;
}
/* Content container styles
----------------------------------------*/
.content {
	color: #000000;
}
LG Stefan

Re: Fragen zur Erstellung eines neuen Styles

Verfasst: 28.11.2017 16:02
von Lehrling
Kannst du mal dein Board verlinken?

Re: Fragen zur Erstellung eines neuen Styles

Verfasst: 28.11.2017 17:06
von orpheus77

Re: Fragen zur Erstellung eines neuen Styles

Verfasst: 28.11.2017 17:27
von Lehrling
Zum Dropdownmenü:
Füge mal in dein Stylesheet die beiden Codes ein

Code: Alles auswählen

.dropdown .dropdown-contents a:link { color: #000000; }
.dropdown .dropdown-contents a:hover { color: #fc1414; }
Die Schrift auf der Anmelde- und Registrierungsseite ist bis auf die Überschriften schwarz. Die Überschriften sind weiß.
Da greift dieser Abschnitt im colours.css

Code: Alles auswählen

h3 {
	border-bottom-color: #000000;
	color: #FFFFFF;
}

Re: Fragen zur Erstellung eines neuen Styles

Verfasst: 28.11.2017 18:45
von orpheus77
Herzlichen Dank - hat beides funktioniert!

Ich fürchte es wird noch das eine oder andere Detail auftauchen :-)

Danke für den tollen Support!!!!

LG Stefan