Beiträge

@Jochen: Du wirst in den seltensten Fällen Code einfach übernehmen können.
Jede Website bildet einen individuellen Kontext und so musst Du Code entsprechend adaptieren.

Ein letzter Tipp für das "zwei Spalten Problem":

• Einen einspaltigen Inhaltsbereich im Layout gestalten.
• Im Inhalt der Seite, per Benutzerdefinierter-Syntax, die Spalten erzeugen.

Vorweg: Ich habe das Plugin nicht im Einsatz und daher keine Erfahrung damit.

Aber vllt kann ich Dir dennoch helfen.

Welche Parameter übergibst Du dem Plugin? {PluginName|Parameter_1, Parameter2}
Sind die Parameter vollständig und richtig?
Stimmt die Reihenfolge der Parameter?
(Was die jeweiligen Parameter bedeuten und was sie bewirken, sollte in der Pluginbeschreibung stehen.)

Wenn das Plugin zu kompliziert ist: Gibt es eine Alternative?

@marusti:

Jetzt wo das Thema wiederbelebt wurde:

... Nur würde ich gerne noch die Spalte komplett ausblenden wenn sie leer ist und den Rest verbreitern.

Bsp:
Inhalt: 800px breit, Spalte rechts: 200px - Wenn Spalte rechts leer ist, soll Inhalt 1000px sein ...

Vorausgesetzt die rechte Spalte sitebar ist komplett leer (auch keine Leerzeichen, Umbrüche, ...):

Code Auswählen Erweitern


/* CSS 3 */
.wrap {
  display:flex;
  width: 1000px;
}
.content {
  flex-grow: 1;
}
.sidebar:not(:empty) {
  width: 200px;
}

Code Auswählen Erweitern

<div class="wrap">
    <div class="content">lorem ipsum</div>
    <div class="sidebar"></div>
</div>

...auf der Startseite die rechte Seite als Info Rand. Auf den weiteren Inhaltsseiten wird der Rand nicht benötigt und es sähe besser aus wenn die Flexbar nicht vorhanden ist.

Da hilft auch folgender Tipp: gesonderte CSS für einzelne Inhaltsseiten bzw. Kategorien

@djr, ich möchte nix kaputt machen. Aber bei mir steht

<div id="topheader">
            <div id="topheadername"><a href="{BASE_URL}">Anglerdemo im Fehmarnsund</a>
               
         </div>

Bei a href steht bei mir noch Base_URL. Das kann ruhig weg?

nimm:

Code Auswählen Erweitern

<div id="topheader">
<div id="topheadername"><a href="{BASE_URL}">Anglerdemo im Fehmarnsund</a></div>
               
</div>
{BASE_URL} wird von mozilo während des Seitenaufbaus ersetzt durch /. (Bzw. in einem andern Kontext als dem Deiner mozilo-Installation wird {BASE_URL} ggf. durch /kontext/ ersetzt.)

Aber wenn ich die Seite mit dem Smartphone aufrufe, sehe ich nur den Header.

Dein HTML hat einen Fehler, der mehrere Darstellungsfehler verursacht.
Das <div id="topheadername"> wird nicht wieder geschlossen.

Code Auswählen Erweitern

<div id="topheader">
    <div id="topheadername"><a href="/">Anglerdemo im Fehmarnsund</a>
               
</div>
Richtig ist:

Code Auswählen Erweitern

<div id="topheader">
    <div id="topheadername"><a href="/">Anglerdemo im Fehmarnsund</a></div>
               
</div>
Durch den Fehler wird u.a. der Text im Inhaltsbereich zu groß dargestellt. (Dem hast Du wohl durch Textformatierung im Editor entgegengewirkt.)
Behebe den Fehler und auch die "mobile"-Ansicht wird wieder gehen.

@Jochen: Die mobile.css kommt bei kleineren Anzeigegrößen zur Geltung. Also auch am PC wenn das Anzeigefenster nur ein Teil des Bildschirms einnimmt.

@marusti & @Jochen:
Das Script wird so nicht funktionieren.
Es ist kein pures JS. Sondern scheint auf einem JS-Framework (wahrscheinlich jQuery) zu basieren.

@Jochen: Beachte, dass im Layout Deiner Site der rechte Inhaltsbereich bei zu schmalen Bildschirmen (kleiner 768px Breite) ausgeblendet wird. Siehe in der Datei mobile.css.

@Jochen: Die Beschreibung in den Plugin-Einstellungen hast Du gelesen?

Anmerkung: Die neuste Version des Plugins gibt es unter https://github.com/stefanbe/moziloGB. Die Version im Plugin-Archiv ist leider veraltet.

@Fischi:

Willkommen im Forum. 

Das wird Dir helfen:

• Template Entwickler / Eigenes Layout erstellen
  
• Plugin Entwicklerdokumentation moziloCMS 2.0

[Weil:]

2. PHP-Code sollte man wohl ausschließlich über plugins realisieren;

Ja!

(...) in der index.php irgendwas mit Include oder require hinzufügen (auf PHP-Basis) (...)

  Nein!

Weil:

• Plugins sind wiederverwendbar.
• Updates sind einfacher.
• Leichteres Debuggen.
• ...

Ich habe für die 2 Fixes einen Pull-Request im offiziellen GitHub Repo erstellt.

Vorbildlich.

[Problem #2: In der Navigation hat die aktive Inhaltsseite eine andere Größe als die anderen]

Problem #2: In der Navigation hat die aktive Inhaltsseite eine andere Größe als die anderen

Verglichen mit a.submenu fehlt bei a.submenuactive die display: block; Anweisung.

Code Auswählen Erweitern


/* aktiver Submenuepunkt */
a.submenuactive, a.page-menusubs-link.menusubs-linkactive, a.subcat-menusubs-link.menusubs-linkactive {
    font-weight : normal;
    color       : #9da665 !important;
    font-size   : 0.875em;
    display     : block;  /* <-- dies hier einfügen */
}
(Datei: style.css)

Ich kann keine zwei Fragen auf der Seite erkennen (außer der CSS-Code fehlt)

Das meinte ich.
Wichtig ist was im Text steht. Style sollte nur den Inhalt zugänglicher (z.B. einfacher zu überblicken) machen.