CSS individueller Module anpassen

Info-Formular:

Sehr geehrte Forumieren-Community,

ich wollte mal nachfragen, ob mir jemand bei der Lösung einer Design-Herausforderung helfen könnte.
Ich möchte das Login-Modul für angemeldete User gerne anpassen. So, dass man das Hintergrund-Bild der Titel nicht mehr sehen kann, sondern nur noch die Hintergrundfarbe da ist.
Ich habe es schon geschafft den Box-Inhalt des Moduls ein wenig anzupassen

Spoiler:

Nun möchte ich noch gerne die Hintergrund-Bilder der Titel der unteren Module verschwinden lassen. Wenn es nicht anders geht, dann würde ich von sämtlichen Modulen die Titel-Hintergrund-Bilder entfernen, würde mich aber mega freuen, wenn es irgendwie möglich ist, das nur für die unteren Module zu tun. Ich habe schon alles möglich ausprobiert, aber ich komm einfach nicht weiter.
Idealerweise würden die unteren Module so aussehen, wie in diesem Design-Entwurf:

Spoiler:

Weis jemand wie das funktioniert, oder hat jemand eine Idee?

Liebe Grüße,
Hauptmann Herrmann

Hallo @Hauptmann Herrmann,

könnte wirklich etwas schwieriger werden, es nur für bestimmte Module geltend zu machen, da die Module alle unter derselben Klasse laufen, und keine spezielle ID in deinen Forum-Versionen verwenden.

Für Invision:

Code:

.module div.maintitle { background-image: none }

phpBB:

Code:

td.catLeft, td.catRight { background-image: none; background-color: #452f08; }

Beste Grüße
Bigtuber

Hallo @Bigtuber,

Vielen Dank für die rasche Antwort!

Diesen CSS-Code habe ich schon ausprobiert und die Hintergrundbilder gingen auch weg, aber ich würde wirklich gerne die Module einzeln so haben.

Mir fiel kürzlich auf, dass man das lösen kann, indem man die Standart-Module rauslöscht und eigene erstellt, bei denen man einfach die Titel weglässt.

Jetzt ist natürlich noch die Frage, wie ich userbezogene Texte und Bilder in die eigenen Module einfügen kann, so dass solche Userdaten wie Name, Avatar, usw. in dem Modul erscheinen?
Und das Modul mit den neuesten Beiträgen lässt sich so ebenfalls anpassen. Es ist doch theoretisch möglich, dass ich einfach die vorgegebenen Module kopiere und in ein eigenes einfüge, dass uch bearbeiten und auch den Titel weglassen kann, oder?

Und noch eine Frage am Rande: Warum kann man eigentlich die von Forumieren vorgegebenen Module nicht bearbeiten, aber die selbst erstellten schon?

Liebe Grüße,
Hauptmann Herrmann

Hallo @Hauptmann Herrmann,

Und noch eine Frage am Rande: Warum kann man eigentlich die von Forumieren vorgegebenen Module nicht bearbeiten, aber die selbst erstellten schon?

Gehen Sie zu Administrations-Bereich > Anzeige > Templates > Portal sie können ein Standard-Widgets bearbeiten, dass vollständig angepasst ist!

@pedxz hat recht. Die Standard-Module kannst du unter Administrations-Bereich > Anzeige > Templates > Portal selbstständig anpassen. Um nun z.B. die "Neuesten Themen" einzeln anzusprechen, gehe zu Administrations-Bereich > Anzeige > Templates > Portal > mod_recent_topics und setze div-Tags mit ID um das Model herum:




Anschließend kannst du die Hintergrundbilder der ausgewählte Module per CSS ansprechen, das würde dann etwa so aussehen:

Code:

#meineID .module div.maintitle { background-image: none }

Code:

#meineID td.catLeft, #meineID td.catRight { background-image: none; background-color: #452f08; }

Beachte: Eine ID kann immer nur einmal verwendet werden. Du kannst auch eine Klasse statt ID verwenden. Würde hier sogar mehr Sinn machen, wenn du mehrere Module hast, die du auf dieselbe Weise verändern möchtest

Beste Grüße
Bigtuber

Es hat super geklappt!
Vielen Dank euch.

Liebe Grüße,
Hauptmann Herrmann