Wie kann man das bewerkstelligen?
Ich nehme an mit CSS.
Versuche es.
Ein Link zur Seite hast du ja nicht.
...muss man im Modul selbst Einstellungen vornehmen? Derzeit werden die Schlagworte mit einem vorangestellten Punkt untereinander angezeigt.
"Muss man?" ich verrate Dir was: Hab's ganz einfach ausprobiert.
Modul > Erweitert > Layout > Cloud
span.tag a {
background: green;
color: #fff;
padding: 1em;
}
Achso, wolltest es in grau. Kannste aber selbst.
Liebe Grüße
Christine
Hallo Chris,
Ich habe bei Erweitert unter CSS-Klasse Modul schlagworte eingetragen.Alles anzeigenIn der user.css habe ich dann:
.schlagworte{
background: #grey;
color: #fff;
padding: 1em;
}
eingetragen.
Jetzt werden die Schlagworte aber nicht jeweils in einer einzelnen Box angezeigt, sondern die Box über alle Schlagworte gezogen.
Brauchste ja eigentlich nicht, eine extra CSS-Klasse im Modul.
a) Wenn, dann so:
.schlagworte span.tag a {
background: grey;
padding: 1em;
color: #fff;
}Außerdem gehört das # vor grey weg in #6
Kann man eigentlich den Schlagworten auch noch das Wort "Schlagworte:" voranstellen?
Warum willst Du das? Falls Ja, dann siehe a) Oder ich verstehe die Frage nicht.
b) Es genügt (ohne extra CSS Class im Modul) Code, siehe #5
Liebe Grüße
Christine
... Zeitschranke
Admins: Bitte in Joomla 4 verschieben. Danke.
Danke, das hat jetzt geklappt. Meine Frage war nur noch, ob ich den Begriff "Interessantes" links neben das Schlagwort "Millions" platzieren kann?
Probiere es damit:
.top-a.no-card h3 {
float: left;
padding-right: 0.8em;
}
Eventuell media queries probieren:
@media only screen and (max-width: 500px) {
.top-a.no-card h3 {
float: none;
}}Liebe Grüße
Christine
Lass doch mal (wie ich schon in #10 schrieb) das mit der CSS Modul Klasse "schlagworte" weg.
Weiters wolltest Du dann den Modul Titel daneben haben. Beispiel #10
Im Modul selbst habe ich unter Erweitert --> CSS-Klasse Header den Begriff Interessantes eingetragen.
Warum eigentlich? Aber gut, dann könntest Du es so formatieren:
/*CSS Klasse Header */
.interessantes {
background: lightblue;
}
Bei obigem Beispiel habe ich den Titel nicht nach links voran gestellt. (Müsste man extra machen) #10
Aber jetzt der Hammer:
Im Modul selbst habe ich unter Erweitert --> CSS-Klasse Header den Begriff Interessantes eingetragen. Das Modul selbst heißt Schlagworte und den Modul-Titel habe ich mit verbergen eingestellt.
Wenn Du den Modul Titel auf verbergen eingestellt hast, wozu der ganze Aufwand?
Meine ganzen Code-Probierereien Tests unnötig ................. 
Liebe Grüße
Christine
Hallo Chris,
Ich kann natürlich auch mein Modul umbenennen und den Titel einschalten. Dann ist aber das vorangestellte Wort ziemlich fett, da h3.
Das Fett kann man ja umformatieren! (siehe unten bei den Codes)
Wo kann ich denn eigentlich das von Dir o.g. Script direkt im Modul eintragen? Ich weiss nicht wo. Das ist auch der Grund warum ich über die user.css gehe.
das in #12? Da ging es ja um die Formatierung der Header Class. Weil Du den wolltest. Den lassen wir wieder weg.
Gib mal folgende Codes in Deine user.css (keine CSS/Modul Klassen verwenden).
Die 3 Blöcke. Der 4. Block, nur wenn man will.
span.tag a {
background: grey;
color: #fff;
padding: 1em;
}
/* Titel vorangestellt und nicht fett */
.top-a.no-card h3 {
float: left;
padding-right: 0.8em;
font-weight: normal;
}
@media only screen and (max-width: 500px) {
.top-a.no-card h3 {
float: none;
}}
/*funktioniert nur mit eingeschaltetem Modul Titel */
.top-a.no-card h3::before {
content: "Ganz was anderes" !important;
padding: 0.5em;
color: green;
}Ist letzter Code/Block oben. Geht nur zusätzlich ein Text dazu.
So, genug, muss endlich mal Ostereier färbeln gehen ... & Pause machen.
Liebe Grüße
Christine
Ich habe jetzt folgendes in die user.css eingetragen ....... aber der Modul Titel bleibt immer noch darüber:
Hab jetzt mal Deinen Code von #15 (temporär) übernommen. Der Titel ist vorangestellt:
1. Schau vor den obigen Codes die anderen (die davor sind) in der user.css an, ob dort ev. wo ein Syntaxfehler ist.
2. Du hast keine button, weil:
in der Zeile 1 (bei Dir) steht:
.span.tag a { statt:
span.tag a { ...............
So, jetzt aber wirklich nur mehr mit Einwurf eines Links.
Liebe Grüße
Christine
ich habe es vorher sowohl mit und ohne button/Punkt getestet, aber beides hat nicht funktioniert. Vielleicht liegt es wirklich an den vorangestellten Scripten in meiner user.css.
Dann überprüfe das doch.
Normalerweise gebe ich (neue) Codes immer ans Ende der user.css
Probiere es mal mit einem Trick: Gib die Codes von #15 ganz am Anfang (mit der korrigierten 1. Zeile natürlich).
Passt dann alles, ist sicher irgendwo anders Syntaxfehler.
Wo kann ich das Script direkt im Modul eintragen? Habe das aber nicht hinbekommen, da ich nicht weiss, wo dort das Script eingetragen wird...
Wenn Du als Script die Codes meinst, nein das geht nicht.
OT: Z.B. kann man div. Codes etc. in einem eigenen HTML Modul eingeben. Gehe aber auf das hier nicht näher ein.
Ansonsten:
So, jetzt aber wirklich nur mehr mit Einwurf eines Links.
Liebe Grüße
Christine
Hallo Chris,
Ach, ach ....... ausnahmsweise außerhalb der Osterdienstzeit ........
Selbst wenn das Script im user.css ganz vorne steht, dann bekomme ich die Formatierung für die Schlagworte gut abgebildet, aber beim Titel tut sich gar nichts. ......
Ich habe irgendwie das Gefühl, dass der Titel durch das Script gar nicht angesprochen wird?!?
Vermutung: Du hast eine andere Position genommen.
Im Post #1 steht:
Ich habe das Modul der Position top-a zugwiesen.
Und diese habe ich im Code angesprochen.
Liebe Grüße
Christine
