Das Forum der Foren
Willkommen im offiziellen Support-Forum von Forumieren! [ModernBB] Header der Themenliste Icon_king

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind, loggen Sie sich ein.

[ModernBB] Header der Themenliste Icons-100

Erstellen Sie ein kostenloses Forum wie dieses hier.
Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise

[ModernBB] Header der Themenliste

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [ModernBB] Header der Themenliste

Beitrag von Kyra am Mi 10 Jun 2020 - 16:19

URL-Adresse des Forums: https://thestorytellers.forumieren.de
Rang/Funktion im Forum: Admin
Forenversion: ModernBB
Browser: Firefox
Persönliches CSS(Ja/Nein): JA
Templateänderungen(Ja/Nein): JA

Hallo liebes Forumieren-Team,

bisher habe ich es immer geschafft die Lösungen für meine Probleme/Anliegen mittels eurer Suchfunktion zu finden.
Aber jetzt brauche ich doch mal eure direkte Hilfe, da ich kein Thema gefunden habe, dass meiner Frage entspricht.

Ich habe mittels dem Tutorial hier von Inde meine Kategorien separat gestaltet und es dann auch hinbekommen, die jeweiligen Foren damit einzeln zu gestalten.
https://hilfe.forumieren.com/t43156-tutorial-unterschiedliche-kategorien-auf-dem-index-phpbb3-modernbb

Meine Frage ist nun: ist es möglich den Header der Themenlisten in den jeweiligen Foren/Kategorien auch einzeln anzusprechen? (siehe unten gelb umrandet).
[ModernBB] Header der Themenliste Header11

Ich habe es schon versucht mittels diesem CSS-Eintrag, allerdings hat das leider nicht geklappt.
Code:
.forum1 .forumbg .header
bzw.
Code:
.cat1 .forumbg .header

Vielen Dank schon mal für Eure Mühe. Ihr macht echt 'nen tollen Job.


Zuletzt von Kyra am Mi 17 Jun 2020 - 18:56 bearbeitet; insgesamt 1-mal bearbeitet
Kyra
Kyra
Lehrling
Lehrling

Weiblich Beiträge : 27
Anmeldedatum : 03.08.16
Mozilla Firefox ModernBB

Nach oben Nach unten

Erledigt Re: [ModernBB] Header der Themenliste

Beitrag von Bigtuber am Do 11 Jun 2020 - 11:02

Hallo @Kyra,

ja, das ist möglich. Schau mal, so machen wir es hier im Support-Forum:
[ModernBB] Header der Themenliste Help10

Wir haben mit
Code:
<b id="deineID">Dein Kategorie-Name</b>
es hinbekommen, dass man die Kategorien auch so dann einzeln ansprechen kann.

Beste Grüße
Bigtuber
Bigtuber
Bigtuber
Administrator
Administrator

Männlich Beiträge : 3183
Anmeldedatum : 10.08.15
keine
Google Chrome phpBB3

Nach oben Nach unten

Erledigt Re: [ModernBB] Header der Themenliste

Beitrag von Kyra am Fr 12 Jun 2020 - 7:55

Hallo Bigtuber,

vielen Dank für deine schnelle Antwort. Ich probiere das dann mal aus und melde mich dann wieder.

Grüße

Edit: also leider, hatte es nicht den gewünschten Effekt. Ich habe den Code von dir in meine erste Kategorie eingetragen und danach mein CSS für die entsprechende Kategorie z.B. von
Code:
.cat1 .forumbg .header
auf
Code:
#cat1 .forumbg .header
geändert (weil jetzt eine id und keine class mehr).
Vielleicht habe ich mein Problem auch nicht genau erklärt:

Es geht mir nicht um die Kategorien-Header sondern um die Themen-Header (topiclist topics). Die Kategorien habe ich ja schon einzeln angesprochen.

Wenn es nicht geht oder es zu kompliziert ist, dann ist das auch ok.


Danke nochmal für deine Hilfe.
Kyra
Kyra
Lehrling
Lehrling

Weiblich Beiträge : 27
Anmeldedatum : 03.08.16
Mozilla Firefox ModernBB

Nach oben Nach unten

Erledigt Re: [ModernBB] Header der Themenliste

Beitrag von Bigtuber am Sa 13 Jun 2020 - 18:54

Oh, ja. Das könnte schwierig werden. Ich frage mal bei den internationalen Kollegen nach, ob sie eine Idee haben.

Beste Grüße
Bigtuber
Bigtuber
Bigtuber
Administrator
Administrator

Männlich Beiträge : 3183
Anmeldedatum : 10.08.15
keine
Google Chrome phpBB3

Nach oben Nach unten

Erledigt Re: [ModernBB] Header der Themenliste

Beitrag von Kyra am So 14 Jun 2020 - 14:04

Hallo @Bigtuber,

Vielen Dank, das ist sehr nett von dir. Smile
Kyra
Kyra
Lehrling
Lehrling

Weiblich Beiträge : 27
Anmeldedatum : 03.08.16
Mozilla Firefox ModernBB

Nach oben Nach unten

Erledigt Re: [ModernBB] Header der Themenliste

Beitrag von pedxz am Mo 15 Jun 2020 - 17:20

Hallo @Kyra,

Erstelle eine neue JavaScript-Seite mit der Platzierung in den Unteforen und setze Folgendes ein:
Code:
(function($) {
    'use strict';

    $(function() {

        var $themen = $('.topiclist.topics li .icon > dt:contains(\'Themen\')');

        if (!$themen.length) return;

        $themen
            .parent()
            .addClass('forabg-themen');

    });
})(jQuery);

im CSS
Code:
.forabg-themen {
    background-color: tomato;
}
pedxz
pedxz
Techniker

Beiträge : 27
Anmeldedatum : 26.01.18
keine
Opera PunBB

Nach oben Nach unten

Erledigt Re: [ModernBB] Header der Themenliste

Beitrag von Kyra am Di 16 Jun 2020 - 16:11

Hallo @pedxz und @Bigtuber,

also es hat insoweit funktioniert, dass der Themen-Header jetzt eingefärbt ist.
Allerdings ist er immer noch überall gleich eingefärbt.

Muss ich in dem Javacode unterschiedliche classes definieren?
Also für den Themen-Header innerhalb Kategorie 1

Code:
(function($) {
    'use strict';

    $(function() {

        var $themen = $('.topiclist.topics li .icon > dt:contains(\'Themen\')');

        if (!$themen.length) return;

        $themen
            .parent()
            .addClass('forabg-themen1');

    });
})(jQuery);


Für den Header innerhalb Kategorie 2 etc.
Code:
(function($) {
    'use strict';

    $(function() {

        var $themen = $('.topiclist.topics li .icon > dt:contains(\'Themen\')');

        if (!$themen.length) return;

        $themen
            .parent()
            .addClass('forabg-themen2');

    });
})(jQuery);


Also hier sollte der Themenheader auch türkis sein
[ModernBB] Header der Themenliste Katego13

Und hier sollte er auch beige sein
[ModernBB] Header der Themenliste Katego12

Vielleicht ist es jetzt klarer?
Wie gesagt, wenn es zu kompliziert ist, dann ist es zwar schade aber ok. Alles hat seine Grenzen.

Danke euch.
Kyra
Kyra
Lehrling
Lehrling

Weiblich Beiträge : 27
Anmeldedatum : 03.08.16
Mozilla Firefox ModernBB

Nach oben Nach unten

Erledigt Re: [ModernBB] Header der Themenliste

Beitrag von pedxz am Mi 17 Jun 2020 - 18:22

Der Code fügt nur eine Klasse in "Themen" hinzu!

Ändern Sie den obigen Code in:
Code:
(function($) {
    'use strict';
 
    var header = [{
        forum: 1,
        class: 'forabg-themen'
    }, {
        forum: 3,
        class: 'forabg-themen2'
    } /* Der letzte hat kein Komma */
    ];
 
    $(function() {
 
        $.each(header, function(index, header) {
 
          if(!header.forum || !header.class) return;
            
          var $breadcrumb = $('.sub-header-path').find('a[href^="/f' + header.forum + '-"]');
          var $themen = $('.topiclist.topics li .icon > dt:contains(\'Themen\')');
          
          if (!$breadcrumb.length) return;
          if (!$themen.length) return;
            
            $themen
                .parent()
                .addClass(header.class);
 
        });
 
    });
})(jQuery);

Die Konfiguration:
Code:
var header = [{
        forum: 1, /* Hier geben Sie die Forum-ID ein */
        class: 'forabg-themen' /* und hier die Klasse */
    }, {
        forum: 3,
        class: 'forabg-themen2'
    } /* Der letzte hat kein Komma */
    ];
pedxz
pedxz
Techniker

Beiträge : 27
Anmeldedatum : 26.01.18
keine
Opera PunBB

Nach oben Nach unten

Erledigt Re: [ModernBB] Header der Themenliste

Beitrag von Kyra am Mi 17 Jun 2020 - 18:56

SUPER!
Vielen Dank, das ist genau das was ich wollte.
Ihr seid spitze!
kann geschlossen werden.
Kyra
Kyra
Lehrling
Lehrling

Weiblich Beiträge : 27
Anmeldedatum : 03.08.16
Mozilla Firefox ModernBB

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten