CSS anhand eines Textinahltes

chhri88756 · #1 (**permalink**) 05.12.2017, 14:22

Hallo Gemeinde,

ich versuche gerade eine Seite mit Joomla einzurichten.

Auf der Seite gibt es verschiedene Module die alle Beiträge einer Kategorie ausgeben.

Nun möchte ich, dass wenn in einem bestimmten Modul ein Beitrag kommt, dass dieser nicht wie alle anderen mit color: black, sondern color: red sind.

Also quasi das CSS abhängig von einer Überschrift gestalten.
Das ganze ist zwar in einzelne divs gepackt, doch diese haben alle die selbe Klasse/ID.
Somit würde ich alle Module auf einmal ändern.

Hoffe das war halbwegs verständlich.

Vielen Dank für eure Hilfe.

cloned · #2 (**permalink**) 05.12.2017, 14:54

Du müsstest das im Joomla so einstellen, dass Beiträge eine eigene Klasse bekommen. Dann kannst du diese auch separat stylen.

chhri88756 · #3 (**permalink**) 05.12.2017, 14:57

Okay.

Also ist ein abwandeln bzgl. eines titels im modul nicht möglich?

cloned · #4 (**permalink**) 05.12.2017, 15:05

Was meinst du damit? Welchen Titel willst du wo abwandeln? Wenn du es in Joomla abwandelst, dann ändert sich natürlich auch der Text auf der Seite, aber dadurch ändert sich keine Schriftfarbe. Bin verwirrt :/

chhri88756 · #5 (**permalink**) 05.12.2017, 16:51

Evtl mit Code leichter

css

Code:

.moduletable {
 color: #000;
 font-size: 10em;
}

html

HTML-Code:

<div class=moduletable>
 <h3>Ich bin eine Überschrift</h3>
</div>

<div class=moduletable>
 <h3>Ich möchte eine rote Überschrift sein </h3>
</div>

Abhängig welcher Text in h3 steht soll nun die Farbe angepasst werden. Ist sowas möglich?

----------------------------------------------------
2.
Gleiches Szenario
Außer in Joomla erhält das Module die Klasse edv --> moduletableedv = class
Nun sieht das natürlich dann komplett anders aus. Wie "vererbe" ich alles von moduletable and moduletableedv

css

Code:

.moduletable {
 color: #000;
 font-size: 10em;
}

.moduletableedv {
 color: red;
}

html

HTML-Code:

<div class=moduletable>
 <h3>Ich bin eine Überschrift</h3>
</div>

<div class=moduletableedv>
 <h3>Ich möchte eine rote Überschrift sein </h3>
</div>

cloned · #6 (**permalink**) 05.12.2017, 17:10

Zitat:

Zitat von chhri88756

Abhängig welcher Text in h3 steht soll nun die Farbe angepasst werden. Ist sowas möglich?

Nein, CSS hat keinerlei Zugriff auf den Text.

Zitat:

Zitat von chhri88756

2.
Gleiches Szenario
Außer in Joomla erhält das Module die Klasse edv --> moduletableedv = class
Nun sieht das natürlich dann komplett anders aus. Wie "vererbe" ich alles von moduletable and moduletableedv

Das alles im Detail zu Beschreiben ist umfangreicher, aber im Prinzip fragst du hier, wie CSS funktioniert. Hier kann dir also jedes CSS-Buch/Tutorial weiterhelfen wenn du noch mehr Fragen hast.

Hier ein kurzes Beispiel:

css

Code:

.moduletable, .moduletableedv {
 /*hier stehen Stile die für beide module gelten*/
 color: #000;
 font-size: 10em;

}

.moduletableedv {
 /*hier werden einzelne Stile (wie color) nur für moduletableedv überschrieben*/
 color: red;
}

html

HTML-Code:

<div class=moduletable>
 <h3>Ich bin eine Überschrift</h3>
</div>

<div class=moduletableedv>
 <h3>Ich möchte eine rote Überschrift sein </h3>
</div>

chhri88756 · #7 (**permalink**) 05.12.2017, 17:14

Zitat:

Zitat:
Zitat von chhri88756 Beitrag anzeigen
Abhängig welcher Text in h3 steht soll nun die Farbe angepasst werden. Ist sowas möglich?
Nein, CSS hat keinerlei Zugriff auf den Text.

Ok danke!!

Zitat:

css
Code:

.moduletable, .moduletableedv {
/*hier stehen Stile die für beide module gelten*/
color: #000;
font-size: 10em;

}

.moduletableedv {
/*hier werden einzelne Stile (wie color) nur für moduletableedv überschrieben*/
color: red;
}

Dies kenne ich bereits. Grundkenntnisse beherrsche ich bereits. Aber danke für deine Hilfe.

cloned · #8 (**permalink**) 05.12.2017, 17:42

Zitat:

Zitat von chhri88756

Dies kenne ich bereits. Grundkenntnisse beherrsche ich bereits. Aber danke für deine Hilfe.

Dann verstehe ich eventuell deine Frage falsch. Mein Code tut aber das, was von dir gefordert wurde.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Redesign für Steiner Cycling Team	pkipper	Site- und Layoutcheck	11	09.02.2011 13:25
Einbindung von frei erhältlichen Scripten - CSS Problem	DonL	CSS	1	22.01.2011 17:09
MYspace mehr als nur CSS oder ?	Vinceone	CSS	0	12.07.2007 03:21
Eric Meyer's CSS	Petty	Ressourcen	0	21.11.2005 09:18
Mozilla ignoriert externes css	DarkWanderer	CSS	9	22.09.2005 12:39