Ergebnis 1 bis 7 von 7

Thema: CONTAO 3.5.35: Überschrift mit strich links/ rechts

  1. #1
    Contao-Fan
    Registriert seit
    11.11.2011.
    Ort
    Schwerin
    Beiträge
    622

    Standard CONTAO 3.5.35: Überschrift mit strich links/ rechts

    Hallo,

    unser Kunde möchte hinter einer <h1> Überschrift einen waagerechten Strich, der hinter dem Text liegt. Eine Möglichkeit wäre es, innerhalb des <h1> Tags einen <span> Container um den eigentlichen Text zu legen.

    Leider löscht der TMCE Editor diesen <span> Tag nach dem speichern automatisch.

    Gibt es dafür eine andere/ bessere Lösung?


    Vielen Dank für Hinweise.

  2. #2
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.470
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Du könntest mit h1:after bzw. h1:before arbeiten.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  3. #3
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    774
    User beschenken
    Wunschliste

    Standard

    Ahoi,

    im ersten Moment habe ich das wohl auch so wie @planepix verstanden, also das Du etwa so etwas möchtest:
    _Überschrift_
    da würde ich :before und :after verwenden.

    Mich irritiert aber Dein Nebensatz "der hinter dem Text liegt". Kannst Du das etwas genauer beschreiben?
    Grüße, Stefko

  4. #4
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.470
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Vielleicht ein „durchgestrichen”…
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  5. #5
    Contao-Fan
    Registriert seit
    11.11.2011.
    Ort
    Schwerin
    Beiträge
    622

    Standard

    Der Strich soll NICHT den Text durchstreichen, sonder links/ rechts daneben stehen.

    Habe jetzt eine Lösung analog dieser umgesetzt:
    http://webkrauts.de/artikel/2015/ueb...richener-linie


    Und im Quellcode des Editors habe ich den <code> Tag anstatt des <span> Tags verwendet




    Vielen Dank für die Unterstützung.
    www.mv-soft.de
    Angehängte Grafiken Angehängte Grafiken

  6. #6
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.109
    Partner-ID
    10107

    Standard

    Du musst den TinyMCE so konfigurieren, dass er <span> Tags ohne Attribute erlaubt.

    Ansonsten: brauchst du das im TinyMCE überhaupt? Ich würde an deiner Stelle einfach das ganze über das ganz normale "Überschrift" Feld eines Inhaltselements erledigen. Dazu musst du einfach nur das block_searchable, block_unsearchable und ce_headline Template überschreiben.
    PHP-Code:
    <div class="<?= $this->class ?> block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>

      <?php $this->block('headline'); ?>
        <?php if ($this->headline): ?>
          <<?= $this->hl ?>><span><?= $this->headline ?></span></<?= $this->hl ?>>
        <?php endif; ?>
      <?php $this->endblock(); ?>

      <?php $this->block('content'); ?>
      <?php $this->endblock(); ?>

    </div>
    PHP-Code:
    <!-- indexer::stop -->
    <div class="<?= $this->class ?> block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>

      <?php $this->block('headline'); ?>
        <?php if ($this->headline): ?>
          <<?= $this->hl ?>><span><?= $this->headline ?></span></<?= $this->hl ?>>
        <?php endif; ?>
      <?php $this->endblock(); ?>

      <?php $this->block('content'); ?>
      <?php $this->endblock(); ?>

    </div>
    <!-- indexer::continue -->
    PHP-Code:
    <<?= $this->hl ?> class="<?= $this->class ?>"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>
      <span><?= $this->headline ?></span>
    </<?= $this->hl ?>>

  7. #7
    Contao-Fan
    Registriert seit
    11.11.2011.
    Ort
    Schwerin
    Beiträge
    622

    Standard

    Stimmt, das ist viel besser. Denn so hat der Kunde ein gewohntes Inhaltselement (Überschrift) und der Aufwand ist viel kleiner.

    Besten Dank dafür.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •