Beiträge von joomhh

  • Titel im Blog mit weniger vertikalem Abstand darstellen

    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

  • Einleitungsbild (zu einem Beitrag) vor den (Beitrags-) Titel stellen

    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

    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 ;

    }

  • Titel im Blog mit weniger vertikalem Abstand darstellen

    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)

  • Kategoriebild aus der Darstellung der Beiträge entfernen (ohne Blogmenü)

    Ich habe selbst eine mögliche Lösung gefunden:


    Nach Erstellen eines overrides wird dort der Codeschnipsel zur Anzeige entfernt / oder still gestellt in:

    /html/com_content/category/blog.php


    PHP
    <?php /** Verhindert die Anzeige des Kategoriebildes (der übergeordneten Kategorie) in der Darstellung der Beiträge der Unterkategorie --- 
<?php if ($this->params->get('show_description_image') &&   $this->category->getParams()->get('image')) : ?>
<img src="<?php echo $this->category->getParams()->get('image'); ?>" alt="<?php echo htmlspecialchars($this->category->getParams()->get('image_alt'), ENT_COMPAT, 'UTF-8'); ?>"/>
<?php endif; ?>
--- */ ?>

    Nachteil: Das Kategoriebild wird auch dann nicht angezeigt, wenn es beim Verwenden eines Kategorie-Blog-Menüs auf [Anzeigen] gestellt ist.

    Vielleicht gibt es ja noch eine bessere Lösung?

  • Kategoriebild aus der Darstellung der Beiträge entfernen (ohne Blogmenü)

    !! Es geht nicht um das Entfernen des Kategoriebildes im backend im Blog-Menü, sondern im Programmcode.


    Frage: Gibt es eine Möglichkeit, das Kategoriebild in der Darstellung der Beiträge, welche einer untergeordneten Kategorie zugeordnet sind, zu unterdrücken.


    Beispiel: Angelegt sind

    • Kategorie: zzKurs
      (Oberste Kategorieebene)
    • Kategorie: zzkurs 01 - mehrere Beiträge - ohne Menü (k)
      (Untergeordnete Kategorieebene)
    • Beiträge (2)
      (welche der untergeordneten Kategorie zugeordnet sind)
    • Ein Menü (Menüeintragstyp: Alle Kategorien auflisten): zur Kategorie zzKurs

    Eine Lösung besteht darin, dass man ein zweites, untergeordnetes Menü (Menüeintragstyp: Kategorieblog) im backend anlegt und dort einstellt: Kategoriebild: [Verbergen].


    Ich suche nach einer einfacheren Lösung, da es um mehrere Kurse, weitere Unterkategorien und eine Menge Beiträge geht - und nicht nur darum. Ich habe (nach entsprechendem override) in /html/com_content/category/ ...php allerdings nicht die Stelle für eine mögliche Änderung gefunden.


    Zur Anschauung:

    1) Ansicht oberste Kategorieebene


    2) Ansicht untergeordnete Kategorieebene (Darstellung der Beiträge)


  • Einleitungsbild (zu einem Beitrag) vor den (Beitrags-) Titel stellen

    Problem gelöst:


    Beitragsbild und Beitragstitel werden auf folgende Weise in eine Zeile im Programmcode gebracht:


    1) Es wird ein override erstellt: Create overrides | com_content / category

    2) Editiert wird dann die Dateit: Editor | html / com_content / category / blog_item.php


    Der Code in blog_item.php

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


    wird ergänzt durch den weiter unten stehenden Code zum Beitragsbild

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


    aber ohne <?php ... ?>

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


    Ergebnis:

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


    Der weiter unten stehende Code zum Betragsbild muss gelöscht werden, sonst erscheint das Bild doppelt.


  • Einleitungsbild (zu einem Beitrag) vor den (Beitrags-) Titel stellen

    Hallo Viviana!

    Zunächst einmal vielen Dank für den sehr hilfreichen Tipp.


    Vom Ansatz her klappt es. Nach dem ersetzendem Eintrag deines Vorschlags sieht der Beitragsblog nun (mit echten Titeln) so aus:



    Ich habe sehr viel mit den Klassen mygrid, myimage und mycontent in der user.css herumexperimentiert. Zusätzlich habe ich dort versucht, h2 und page-header zu überschreiben. Mit dem page-header ist es mir nur gelungen, die störende Linie mit border: none zu beseitigen. (Nebenbei: Warum Angaben zu h1, h2 usw. mehrfach im template.css auftauchen, verstehe ich nicht.)


    Es gelingt mir nicht, den Beitragstitel zu formatieren: gleiche Höhe mit dem Bild, weniger Abstand zum Einleitungstext, kleinere Schrift und ggfs. weniger Abstand zum Bild. (Das Ganze also etwas schlanker.)


    Es wäre schön, wenn du dazu noch einen Tipp hättest.

    Ich verwende - seit Jahren - das template: protostar.

  • Einleitungsbild (zu einem Beitrag) vor den (Beitrags-) Titel stellen

    Frage: Gibt es eine Möglichkeit (z.B. durch overrides) das Einleitungsbild zu einem Beitrag vor den Beitragstitel zustellen?


    Zusammenhang: In einem Kategorieblog werden die Beiträge jeweils nur mit Einleitungstext dargestellt. Das Einleitungsbild befindet sich auf der Höhe des Einleitungstextes - Die Darstellung soll durch die oben angefragte Lösung kompakter und klarer werden.


    Standarddarstellung von Joomla:


    Die angestrebte Darstellung soll so o.ä. aussehen:


    (Bisher gelöst als Beitrag mit Bildern, Links auf die Beiträge und extra formulierten Anmerkungen - im Tabellenformat. - Eine im Vergleich zur Blogdarstellung recht mühsame Angelegenheit.)

  • iframe nicht ganz oben im Beitrag

    Vielen Dank für die bisher vorgetragenen Hilfen.


    Das Problem ist gelöst:

    Der iframe wird darum nicht ganz oben im Beitrag angezeigt,

    weil die Angaben zu width und height nicht zur Videogröße passen.


    Wie es dazu kommen konnte?

    Ich benutze Vimeo.

    Man kann den Einbettungscodes zu einem Video an zwei unterschiedlichen Stellen auf der Website von Vimeo aufrufen:

    • Direkt aus der Listenansicht der Videos heraus. -> Link kopieren -> Einbettungscode
      <iframe src="https://player.vimeo.com/video/999" width="640" height="564" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
    • Aus der Einzelansicht eines bestimmten Videos. -> Teilen -> Einbettungscode
      <iframe src="https://player.vimeo.com/video/999" width="640" height="391" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>

    Der Einbettungscode aus der Listenansicht führt zu dem o.g. Problem.


    Ich werde Vimeo informieren.

  • iframe nicht ganz oben im Beitrag

    Zitat von Re:Later

    Weder der Editor noch Joomla fügt ein <p> ein, wenn da ein <div> selbst gesetzt wurde

    Ein Missverständnis. - Wenn gesetzt, dann nicht. Richtig. Aber sonst.

    Zitat von Re:Later

    Du zeigst ein Bild aus dem Editor, aber relevant ist doch einzig und allein das Frontend und nicht die Editoransicht. Also poste einen Link.

    Im Frontend siehst du nur den Abstand, im Editor aber auch einen Rahmen, innerhalb dessen sich der Abstand befindet.

    Die Frage ist: Woher kommt der Rahmen, der anscheinend den Abstand erzeugt.

  • iframe nicht ganz oben im Beitrag

    Wenn ich z.B. ein Video mit einem iframe in einen Beitrag einbette, erscheint das Video nicht ganz oben im Beitrag, sondern mit Abstand vom oberen Rand.

    Der Einbettungscode

    <p><iframe src="https://player.vimeo.com/video/9999999999" width="640" height="564" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></p>

    funktioniert ansonsten einwandfrei.


    Gibt es eine Möglichkeit, das zu verhindern?


    Für eine Antwort wäre ich dankbar.