Beiträge von joomhh

Hallo Pascal!

Danke! Prosit!

Helmut

Hallo Pascal,

Zitat von kitepascal

Wenn du die Intros verlängerst,

Ja. Stimmt! - Aber es soll funktionieren, ohne dass man die Intros verlängert, und etwa wie folgt aussehen. Und bei einer Verkleinerung des Bildschirms (insbesondere Smartfon) sollen die Elemente weiterhin nebeneinander stehen.

Ich hatte mir in Bezug auf das Einleitungsbild mehr von der Erneuerung in Cassiopeia versprochen.

Es scheint so zu sein, dass nur eine entsprechende Anordnung von Einleitungsbild, Titel und Intro in einem overwrite: /html/com_content/category/blog-item.php und eine ordnende css-Klasse in der user.css zum gewünschten Ergebnis führt.

zu flex

Wenn man flex in der user.css auf "none" stellt, rutschen die Titel nach links, aber das kann ja eigentlich nicht die Lösung sein.

.image-left .blog-item .item-image, .image-right .blog-item .item-image {
flex: none;
}

Hallo Viviana,

das "image-left" habe ich, wie oben beschrieben, m.E. an der richtigen Stelle ("Menü: Eintrag bearbeiten") verwendet. Ohne das stände das Bild über dem Titel.

Helmut

Hallo Christine,

ja, es scheint um die flex-Einstellungen zu gehen. Jedenfalls, wenn man den html-Code manipuliert: z.B. einfach ausschaltet.

Aber ich kann mit dem Wissen nichts auf der user.css-Ebene anfangen. Einfach die css-klassen dahin zu übernehmen und zu ändern, hat bei mir nicht geklappt.

Ich gehe immer noch davon aus, dass mit der zum Einleitungsbild zu erstellenden css-klasse ("Beiträge: Bearbeiten" / Reiter [Bilder und Links] -> Einleitungsbild im Feld [CSS-Klasse Bild]) etwas erreicht werden müsste.

Helmut

Frage: Wie kann man den Titel (und die Einleitung) direkt neben das Bild setzen?

URL: https://casacaseli.de| Benutzername: beispiel | Passwort: beispiel1234

Cassiopeia bietet bei der Darstellung des Kategorieblogs die Möglichkeit, das Einleitungsbild (des Beitrags) auf einer Ebene links neben den Beitragstitel zu setzten. Dieses geschieht, indem in "Menü: Eintrag bearbeiten" / Reiter [Blog-Layout] im Feld [CSS-Klasse Beitrag] "image-left" eingetragen wird.

Zusätzlich kann das Einleitungsbild unter "Beiträge: Bearbeiten" / Reiter [Bilder und Links] -> Einleitungsbild im Feld [CSS-Klasse Bild] durch Angabe einer CSS-Klasse, welche in der user.css erstellt werden muss, weiter gestaltet werden. - Hier z.B. durch .Einleitungsbild {border: 1px solid green}.

Trotz mehrerer Versuche - bis hin zur Übernahme von CSS-Klassen nach Inspektion des html-codes - habe ich keine Lösung gefunden, den Titel direkt neben das Bild zu setzten.

Sollte es eine Lösung geben, wäre ich für einen Hinweis dankbar.

Helmut

Erledigt!

Hallo Christine und Pascal, danke für die schnelle Hilfe.

Der Tipp von Pascal entspricht genau meinem Anliegen (cassiopeia) und funktioniert.

Das zusätzliche Video macht den Tipp nachvollziehbar.

Pascal! Für ein Bier müsste es reichen.

Gruß

Helmut

Das Template Cassiopeia gibt für die Breadcrumbs das Trennzeichen "/" vor:

Im Template selbst habe ich keine Möglichkeit der Änderung, z.B. zu "|", gefunden. - Für einen Hinweis, wie man trotzdem das Trennzeichen ändern kann, wäre ich dankbar.

Lösung (3)

Diese Lösung macht das Einrichten eines weiteren Menüs Menütyp: Kategorie-Blog überflüssig. - Ob die Lösung noch einen Haken hat, wird sich beim Gebrauch zeigen.

Die Seitenanzeige im Menü Kurs 1 Alle Kategorien auflisten wird auf Ja gestellt.

Danach sind zwei overrides nötig:

1. html / com_content / category / blog.php
   Für das Unterdrücken der Seitenanzeige auf der Ebene 3
2. html / com_content / article / default.php
   Für das Unterdrücken der Seitenanzeige auf der Ebene 4 (Beitragsebene)

In beiden overrides werden die Anweisungen zum Aufrufen der Seitenanzeigen (Überschriften) unterdrückt. - Auf ein Löschen wird verzichtet, um den Vorgang später nachvollziehen zu können.

blog.php

<? /* --- HH --- unterdrückt die Seitenanzeige auf Ebene 3 (Lektion)
  <?php if ($this->params->get('show_page_heading')) : ?>
        <div class="page-header">
            <h1> <?php echo $this->escape($this->params->get('page_heading')); ?> </h1>
        </div>
    <?php endif; ?>
--- */?>

default.php

<?php /* -- HH -- Unterdrückt die Seitenanzeige auf Ebene 4 (Beitrag) 
    <?php if ($this->params->get('show_page_heading')) : ?>
    <div class="page-header">
        <h1> <?php echo $this->escape($this->params->get('page_heading')); ?> </h1>
    </div>
    <?php endif;
    if (!empty($this->item->pagination) && $this->item->pagination && !$this->item->paginationposition && $this->item->paginationrelative)
    {
        echo $this->item->pagination;
    }
    ?>
--- */ ?>      

Von meiner Seite ist das Thema abgeschlossen.

Allen, die versucht haben zu helfen: Danke dafür.

Die zuletzt vorgeschlagene Lösung mit der Kategorienliste habe ich auch schon einmal erwogen. Da fehlt mir jedoch - soweit ich das sehe - die Möglichkeit, direkt einen Hinweis auf den Inhalt zu geben, so wie es mit der Kategorienbeschreibung beim Menü: Alle Kategorien auflisten möglich ist.

Für meine Vorstellungen vom Layout und von der Struktur der Website ist die von mir gewählte Lösung mit der Seitenanzeige, auch wenn sie wegen des notwendigen zweiten Menüs nicht ganz so schlank ist wie gewünscht, die richtige.

Helmut

Zitat von WM-Loose

• Du willst das in grün geschriebene Wort Kategoriebeschreibung nicht mehr sehen?

Hallo Dirk,

allmählich zweifle ich an meiner Fähigkeit, mein Problem nachvollziehbar darzustellen.

Nein. Ich möchte nicht das in Grün Geschriebene mehr sehen, sondern ich möchte über der (teilweise grünen) Kategorienbeschreibung den dazu gehörenden Kategorientitel oder den Menütitel (Typ: Alle Kategorien auflisten) angezeigt bekommen.

So wie in dem folgenden Beispiel Kurs2 (M). Da wird - an der Markierung (M) erkennbar - der Menütitel angezeigt.

Diese Lösung: Kurs2 (M) besteht - wie weiter oben schon beschreiben - darin,

1. die Seitenanzeige im Menü Alle Kategorien auflisten auf Ja zu stellen und
2. mit einem weiteren untergeordneten Kategorie-Blog-Menü die Beiträge aufzurufen.

Meine Ausgangsfrage war: Ist eine Darstellung wie bei dieser Lösung: Kurs2 (M) auf eine andere, weniger umständliche Weise möglich? Also: ohne Seitenanzeige und das zusätzliche Blog-Menü? - Letzteres braucht man ja, um die Seitenanzeige auf diese Stelle (Einzelkursebene) zu begrenzen.

Anders gefragt: Kann man irgendwo im Menü Kategorie Kurse auflisten oder im Menü Kategorie Kurs2 auflisten die Anzeige des Kategorientitels oder des Menütitels einstellen? [Was nicht der Fall zu sein scheint.] - Oder gibt es die Möglichkeit eines overrides?

Helmut

Zitat von WM-Loose

Nimm bei Kategorien und Beiträgen mal in den Optionen alle globalen Vorgaben für Titel heraus und entscheide dann fallweise in den jeweiligen Beitragsoptionen ob Titel angezeigt werden oder nicht.

Meiner Meinung nach geht es nicht um die Beitragsoptionen, da das Problem viel höher in der Hierarchie von Kategorien und Menüs liegt: Es geht darum, passend zur Kategorienbeschreibung: Kurs 1 den Kategorientitel oder Menütitel anzuzeigen.

Wie schon erwähnt, geht das über die Seitenanzeige: Ja, aber dann wird dieses auch im Folgenden angezeigt. Außer man legt ein weiteres untergeordnetes Menü an, was ich aber vermeiden möchte.

Zitat von Elwood

Vielleicht mit einem display:none. [...] ein Screenshot, mit Markierungen [...]

Das mit dem display: none verstehe ich nicht: Wo soll das eingetragen werden?

Hier der Screenshot mit Markierungen. - Da ich experimentiert habe, hat sich zwischendurch etwas auf der Website verändert gehabt. Das ist natürlich irritierend. Der Link zeigt das originale Problem: http://www.nissen36-aluyacht.de/kurse-m/kurs1-m

Dirk!

Danke für den Screenshot und den Hinweis.

Aber ich sehe den Zusammenhang zu meiner Ausgangsfrage nicht:

Gibt es eine andere Lösung als die beiden von mir genannten, um den Kursnamen anzuzeigen/aufzurufen. - Der steht ja als Kategorientitel (K) oder Menütitel (M) zur Verfügung.

Bei dem untergeordneten Kategorientitel "Kurs1 Lektion 1 (K)" klappt es ja zum Beispiel.

Helmut

Hallo WM-Loose und Elwood!

• URL: http://www.nissen36-aluyacht.de/kurse-m/kurs1-m
• Joomla! 3.10.4

Gruß

Helmut

p.s. Die o.g. URL betrifft eine Probierseite. Endgültig umgesetzt wird es dann z.B. auf https://deutschunterricht24.de/kurse/sonett

Angelegt sind Kategorien (K), Menüs (M) und Beiträge in der Kategorie: Kurs 1 Lektion 1 (K).

Das Problem: Beim Aufrufen von Kurs1 (zweite Kategorie- / Menüebene) wird nur die Kategorienbeschreibung angezeigt, aber nicht der Titel Kurs1 (als Kategorientitel oder Kurstitel).

Lösung 1 besteht darin, in den Einstellungen der Seitenanzeige, die Seitenüberschrift anzeigen zu lassen: Der Menütitel Kurs1 (M) wird dann angezeigt, aber auch beim Aufruf des Beitrages. - Und das möchte ich nicht. Der Kursname soll nur an dieser Stelle angezeigt werden.

Lösung 2 besteht darin, ein weiteres Menü (unter Kurs 1 (M), Menütyp: Kategorie-Blog) anzulegen. Damit verschwindet beim Aufruf des Beitrages die o.g. Seitenüberschrift. Der Nachteil besteht darin: Es muss ein weiteres Menü angelegt werden.

Frage: Gibt es eine Lösung ohne die genannten Nachteile?

Danke. Das beruhigt. - Der Administrator-Zugang ist zusätzlich gesichert.

Plesk zeigt mir schon nach 10 Tagen in diesem Monat mehrere tausend Mal administrator viewed an. - In den letzten Monaten sah es ähnlich aus.

Heißt das, dass jemand unermüdlich versucht, den Administrator-Zugang zu überwinden?

Habe eine Lösung gefunden. Ob es die ideale Lösung ist, wird sich noch herausstellen.

User.css:

/* -- Überschreibt Standardvorgabe page-header -- */

.page-header{

border-bottom: 0px ;

margin: 0px 0px 0px 0px;

}

/* -- Überschreibt Standardvorgabe h2 -- */

/* -- h2 muss ohne Punkt geschrieben werden. Warum, weiß ich nicht. -- */

h2 {

font-size: 14px;

margin: 0px 0px 0px 0px;

}

Zur Anordnung von Bild, Titel und Einleitungstext/Teaser siehe:

Einleitungsbild (zu einem Beitrag) vor den (Beitrags-) Titel stellen - Templates und Design - Joomla.de Supportforum - Das deutsche Joomla! Forum

Hallo Christian,

Danke. - Ich möchte mich nicht mit fremden Federn schmücken. Ich habe wohl meinen Beitrag geschrieben, als deiner gerade gepostet wurde, und habe ihn übersehen. / Ich war auch schon drauf gekommen.

Helmut

Zitat von chr-hl

Hallo Helmut,

Du hast ja schon etwas in der user.css für den Selektor page-header geschrieben.
Da füge noch ein padding-bottom: 0; hinzu.

Christian

Nachtrag:

Nicht ganz zufrieden mit der Darstellung habe ich alles über ein verschachteltes div gelöst:

override in: /html/com_content/category/blog-item.php

<?php // Titelbild und Titel in eine Zeile - Anfang -  ?>  
<div class="bild-titel-blog">
  <div class="bild-titel-blog-bild">
    <?php echo JLayoutHelper::render('joomla.content.intro_image', $this->item); ?>
  </div>
    <div >
    <div>
      <?php echo JLayoutHelper::render('joomla.content.blog_style_default_item_title', $this->item); ?>
    </div>
    <div>
      <?php echo $this->item->introtext; ?>
    </div>
  </div>
</div>  
<?php // Titelbild und Titel in eine Zeile - Ende -  ?>  

Dieser Code ersetzt und steht an der Stelle von:

<?php echo JLayoutHelper::render('joomla.content.blog_style_default_item_title', $this->item); ?>

Zusätzlich gelöscht werden:

<?php echo JLayoutHelper::render('joomla.content.intro_image', $this->item); ?>

<?php echo $this->item->introtext; ?>

user.css:

.bild-titel-blog{

display: flex;

}

.bild-titel-blog-bild{

min-width: 36px;

}

/* -- Überschreibt Standardvorgabe durch pull-left.item-image -- */

/* -- Verhindert deren Einfluss auf den Abstand des Einleitungstext -- */

/* -- Verhindert ungleichmäßige Verkleinerung des Bildes bei unterschiedlich (sehr) langen Titeln -- */

.pull-left.item-image{

margin: 0px 0px 0px 0px ;

}

Hallo Tom!

Danke. Habe nicht daran gedacht.

Hier der Link:

88 Kurs 1 Eine Lektion (M) (deutschunterricht24.de)

Benutzername: gast

Password: Gast (Groß-Kleinschreibung beachten!)

Ich hoffe, jemand hat eine Lösung.

Helmut

Nach einer entsprechenden Veränderung im override (/html/com_content/category/blog-item.php) werden Titelbild und Titel in der Blogdarstellung in einer Zeile mit anschließendem Teaser angezeigt. (Weiterlesen ist ausgeschaltet.)

Nun möchte ich die Zeilen mit geringerem Abstand darstellen.

Nach einem Blick in den Seitenquelltext vermute ich, dass dazu die Voreinstellungen der class="items-leading.clearfix" (bzw. der hier nicht gezeigten folgenden class="items-row cols-1 row-0 row-fluid clearfix" usw.) geändert werden müssen.

Nach ergebnislosem Suchen und Experimentieren habe ich leider keine Idee mehr, wie die nötige Änderung (wahrscheinlich nur in der user.css) vorzunehmen wäre. - Für einen Tipp wäre ich dankbar.

Auszug aus dem Seitenquelltext (als Bild)