Farben im Forenteil

  • Seite 1 von 2
19.06.2022 12:42
avatar  Jim
#1 Farben im Forenteil
avatar
Jim
Mitglied

Da mir hier schon viel geholfen wurde, möchte ich auch wieder mal 'was zurückgeben.
Evtl. bringt's dem (*) Ein-, oder Anderen noch etwas.
(*) Ich lass' jetzt mal die ganze Gender-gerechte Formulierung aus.


Die Farbe für die Inhalts-Boxen in der Forum-Ansicht
wird ja bekanntlich im Layout definiert.




Die beiden Haupt-Spalten kann man aber auch per CSS-Code einzeln definieren.
Sie nennen sich Links "forum_info" und Rechts "forum_lastreply".



Die Codes dazu sind:

1
2
3
4
5
6
7
8
 
.forum_info   {
background-color: #323232 !important;
}
 

.forum_lastreply {
background-color: #3f3f3f !important;
}
 




Wenn man noch eine Schippe obendrauf legen will,
kann man auch einen Farbverlauf der einzelnen beiden Felder einbinden.




Den HEX-Code hat's bei mir nicht angenommen, also wich ich auf den RGBA-Code aus.
Den fand ich für meine Farben Hier.
(Zuoberst HEX-Code eingeben und Zuunterst RGBA-Code auslesen.)

1
2
3
4
5
6
7
8
9
10
 
.forum_info   {
background: linear-gradient(to right, rgba(40, 40, 40, 1.0),
rgba(63, 63, 63, 1.0));
}
 

.forum_lastreply {
background: linear-gradient(to right, rgba(63, 63, 63, 1.0),
rgba(50, 50, 50, 1.0));
}
 




Denke, so kann man, vorausgesetzt dass es zum Forum passt,
zusätzlich noch das "gewisse Etwas" rausholen.

jimArt

 Antworten

 Beitrag melden
09.07.2022 18:09
avatar  Jim
#2 RE: Farben im Forenteil
avatar
Jim
Mitglied

"Hintergrund Kopfzeilen"


Mit folgendem Code kann man auch einen Farbverlauf für die Kopfzeilen der jeweiligen Ordner definieren;


1
2
3
4
 
.card-header:first-child   {
background: linear-gradient(to right, rgba(10, 10, 10, 1.0),
rgba(51, 86, 64, 1.0));
}
 




Zur Veranschaulichung mal von Schwarz nach Grün:

jimArt

 Antworten

 Beitrag melden
10.07.2022 10:53
#3 RE: Farben im Forenteil
avatar
Mitglied

@Jim

Vielleicht kannst du mir helfen.

Wie bekomme ich den hover effect weg

Viele Grüße Alex


 Antworten

 Beitrag melden
10.07.2022 11:18
avatar  Jim
#4 RE: Farben im Forenteil
avatar
Jim
Mitglied

Frage zur Sicherheit nach; Was genau, willst du weghaben?

jimArt

 Antworten

 Beitrag melden
10.07.2022 11:21
#5 RE: Farben im Forenteil
avatar
Mitglied

@Jim

das hier kein hover Effekt mehr drauf ist.

den ich habe ein helles und ein dunkles Design und dort stört der hover Effekt bei dem Bereich


 Antworten

 Beitrag melden
19.07.2022 04:58
avatar  Bazar
#6 RE: Farben im Forenteil
Ba
Mitglied

Das mit dem hover effect habe ich als auch,
ich ignoriere es da cih selbst anfänger bin
und keine ahnung habe. Ich weiß das der
"Hover" angezeigt wird wenn man mit der
Maus drüber fährt sollte dann aber wieder
verschwinden wenn die maus "weiterzieht".
Da ich noch kein CSS nutze würde ich mich
hier über hilfe sehr freuen.

Öiebe Grüße aus dem südwesten


 Antworten

 Beitrag melden
19.07.2022 06:41
#7 RE: Farben im Forenteil
avatar
Mitglied

Hallo Bazar,

die Community ist echt großartig

ich habe das Problem der freundlichen Mitglieder so gelöst

1
2
3
4
 
<script>
/* hover Effekt in Forumliste entfernen */
$('.forumlist .forum').removeClass('hoverable');
</script>/code]
 


 Antworten

 Beitrag melden
22.07.2022 20:21
#8 RE: Farben im Forenteil
Ge
Mitglied

Danke für die vielen interessanten Tipps.

Ich sehe auf den Screenshots eine Art metallisch strukturierten Hintergrund... Wie bekommt man so etwas zustande?

Beste Grüße
Gemshorn

 Antworten

 Beitrag melden
23.07.2022 15:28
avatar  Jim
#9 RE: Farben im Forenteil
avatar
Jim
Mitglied

Zitat von Gemshorn im Beitrag #8
Ich sehe auf den Screenshots eine Art metallisch strukturierten Hintergrund... Wie bekommt man so etwas zustande?


Meinst du mich?

Falls ja; Da ist kein strukturierter Hintergrund.



Den Effekt erreiche ich mit dem gegenteiligen Farbverlauf. (Siehe #1)
Also, linkes Feld von Dunkel nach Hell und rechtes Feld von Hell nach Dunkel. (gleiche Farben, einfach umgekehrt)
Das ergibt dann den Helligkeits-Effekt etwas mittig versetzt.

jimArt

 Antworten

 Beitrag melden
23.07.2022 20:38 (zuletzt bearbeitet: 23.07.2022 20:41)
#10 RE: Farben im Forenteil
Ge
Mitglied

Ich meinte den Screenshot aus dem Eröffnungsposting, wo das alles einrahmende Kästchen eine strichlierte Struktur aufweist - ähnlich wie gebürstetes Metall.
Edit: Ich glaube, das ist einfach die Hintergrundgrafik, was ich da meine.

Zusatzfrage: Kann man solche Farbverläufe auch in der Kopfzeile des Forums zaubern?

Beste Grüße
Gemshorn

 Antworten

 Beitrag melden
24.07.2022 09:53
avatar  Jim
#11 RE: Farben im Forenteil
avatar
Jim
Mitglied

Zitat von Gemshorn im Beitrag #10
Ich glaube, das ist einfach die Hintergrundgrafik, was ich da meine.
Kann man solche Farbverläufe auch in der Kopfzeile des Forums zaubern?


Jetzt verstehe ich; Sorry, für meine etwas lange Leitung.
Habe vergessen, dass ich das anfänglich verwendete Hintergrundbild (Metall) geändert habe.

Ich kreiere meine Hintergrund-Muster selber. PhotoScape v3.7
Natürlich kann man solche auch vom www herunterladen, nur muss man dann wegen dem Copyright aufpassen.
Im V6 war der Xobor-Hintergrund mit 400x400px hinterlegt. Und so sah's zu Beginn dann aus:




Und ja, den Code mit dem Farb-Verlauf kann man auch z.B. für die Kopfzeile verwenden.
(Beispiel: Schwarz zu Blau)

1
2
3
4
 
.navbar   {
background: linear-gradient(to right, rgba(0, 0, 0, 1.0),
rgba(16, 44, 84, 1.0));
}
 



Ich habe mich jedoch entschieden ihn - speziell in meinen Foren - nicht zu verwenden,
weil allzu viele Farbverläufe im Forum dann einfach nur over-kill wären.

jimArt

 Antworten

 Beitrag melden
24.07.2022 15:55
#12 RE: Farben im Forenteil
Ge
Mitglied

Trotzdem herzlichen Dank auch für diese Ergänzungen.
Ich muss ausprobieren, was mir am besten gefällt.

Jedenfalls sind die Farbverläufe ein schöner Hingucker.
In meinem Forum verwende ich sie bisher allerdings nur für die "First Child"-Bereiche.

Beste Grüße
Gemshorn

 Antworten

 Beitrag melden
24.07.2022 16:42
#13 RE: Farben im Forenteil
Ge
Mitglied

Bitte, darf ich noch eine letzte (?) Frage nachreichen:

In der Navigationsleiste werden manche Einträge mit einer Hintergrundfarbe dargestellt, andere nicht. Dies scheint ein Bug zu sein.
Am liebsten hätte ich für die Einträge aber ohnehin gar keine Hintergrundfarbe - mir genügt es, wenn die Schrift sich beim Anhoovern leicht verfärbt.

Wie kann ich die Farbhinterlegung für die Einträge in der Navigationsleiste abstellen?

Danke im Voraus!

Beste Grüße
Gemshorn

 Antworten

 Beitrag melden
24.07.2022 16:46 (zuletzt bearbeitet: 24.07.2022 16:46)
#14 RE: Farben im Forenteil
avatar
Mitglied

das hilft Dir vielleicht weiter



dort transparent eintragen


 Antworten

 Beitrag melden
24.07.2022 16:55
#15 RE: Farben im Forenteil
Ge
Mitglied

Danke, dass das geht, wusste ich - leider werden dann aber auch andere Elemente transparent, die aber unbedingt ihre Farbe behalten müssen.
Ich brauche etwas für den CSS-Bereich.

Beste Grüße
Gemshorn

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!