Farben im Forenteil

  • Seite 2 von 2
24.07.2022 16:58
#16 RE: Farben im Forenteil
avatar
Mitglied

sende mir mal das Forum dann schaue ich es mir an


 Antworten

 Beitrag melden
25.07.2022 09:33
avatar  Jim
#17 RE: Farben im Forenteil
avatar
Jim
Mitglied

@Gemshorn

Zitat von Gemshorn im Beitrag #10
... Hintergrundgrafik ...


Hab' mir dein Forum mal angesehen und mögliche Hintergrund-Grafiken dazu gemacht.
Sie sind analog deiner beiden Farben in den "First Child Balken"
und unterscheiden sich jeweils nur in der Strukturstärke. Kannst sie gerne übernehmen.
Farb-Anpassungen kannst du mit diesen Mustern natürlich auch nachträglich noch machen.




jimArt

 Antworten

 Beitrag melden
25.07.2022 22:10 (zuletzt bearbeitet: 25.07.2022 22:13)
#18 RE: Farben im Forenteil
Ge
Mitglied

Hallo Jim, wow, das ist toll.
Ich danke dir sehr herzlich für diese Fleißaufgabe. Gerne werde ich einen der vier Pattern nutzen - die anderen hebe ich mir für eventuelle spätere Umstellungen auf.
Der letzte (und dunkelste) gefällt mir am besten.

Danke, danke, danke!

Beste Grüße
Gemshorn

 Antworten

 Beitrag melden
25.08.2022 08:43
avatar  Jim
#19 RE: Farben im Forenteil
avatar
Jim
Mitglied

Zitat von Jim im Beitrag #2
"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));
}
 







Will man im ganzen Forum (Ordner, Unterordner, Beiträge) die Verläufe haben
sind zwangsläufig mehrere Codes notwendig.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
tr.forum_listing_header   {
background: linear-gradient(to right, rgba(211, 185, 112, 1.0),
rgba(24, 27, 32, 1.0));
}
 

h3.page-header {
background: linear-gradient(to right, rgba(211, 185, 112, 1.0),
rgba(24, 27, 32, 1.0));
}
 

.bg-light {
color: #181b20;
background: linear-gradient(to right, rgba(211, 185, 112, 1.0),
rgba(24, 27, 32, 1.0));
}
 






Die Navigations-Leiste hab' ich mal mit einem Senkrechten Verlauf kreiert.

1
2
3
4
 
.navbar   {
background: linear-gradient(to top, rgba(29, 31, 42, 1.0),
rgba(8, 42, 93, 1.0));
}
 




Einfach mal ausprobieren.


Link zur Ansicht des Effekts

jimArt

 Antworten

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