Contao-Camp 2024
Ergebnis 1 bis 6 von 6

Thema: HTML oder css Struktur für einen eingefügten Text

  1. #1
    Contao-Fan
    Registriert seit
    11.06.2013.
    Beiträge
    709

    Standard HTML oder css Struktur für einen eingefügten Text

    Hallo zusammenm

    Ich möchte gerne folgenden Text strukturiert einfügen:

    "Unsere Öffnungenzeiten sind wie folgt:
    Montag geschlossen / Dienstag bis Freitag von 09:00 Uhr bis 18:30 Uhr / Samstag von 09:00 Uhr bis 16:00 Uhr"

    Dieser Text sollte auf der Website www.loeffler-web.ch/testumgebung/ballonexpress zwischen dem Logo und der Navigation eingefügt werden.
    Ich bringe es darüber und darunter hin, aber leider nicht genau an diesem Ort.

    Kann mir da jemand helfen mit der HTML oder css Struktur ?

    Vielen Dank und Grüsse
    Michi
    Geändert von Michi Löffler (14.09.2019 um 14:05 Uhr)

  2. #2
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Wo soll das hin?

    BALLON-EXPRESS Öffnungszeiten... Home Ballonartikel Über uns Kontakt

    Da wird der Platz nicht reichen.

    Und was meinst du mit "strukturiert einfügen"?

  3. #3
    Contao-Fan
    Registriert seit
    11.06.2013.
    Beiträge
    709

    Standard

    Es sollte neben das Logo und vor dem Home platziert sein.... Also genau dazwischen :-)
    Der Inhalt kann noch angepasst werden :-) Es sollte allerdings wenn möglich "mitwandern", wenn man die Seite scrollt bis die Navigation oben angelangt ist.

    Gibt es so eien Möglichkeit ?

    Vielen Dank und Grüsse
    Michi

  4. #4
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Abgesehen davon, dass ich auch der Meinung bin, dass das ein Bisschen viel Information ist, was Du da unterbringen willst, geht das natürlich.
    Ich habe gesehen, dass es sich um das Theme-Oneo handelt.
    Da ich bei diesem Theme kürzlich etwas ähnliches angepasst habe, hier mal eine Anregung wie man so etwas mit relativ geringem Aufwand umsetzen kann - https://www.bestattungshaus-fieber.de/. Dort habe ich das Custom-Element des Logos entsprechend angepasst um neben dem Logo noch einen Text zu haben (zusätzliches Feld und Ausgabe angepasst). Der ganze Logo-Block ist gestylt als Flexbox.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  5. #5
    Contao-Fan
    Registriert seit
    11.06.2013.
    Beiträge
    709

    Standard

    Genau sowas suche ich.... Wie hat Du das genau gemacht ?
    Ist ja nicht im Logo integriert.... Kannst Du mir da mehr Details liefern, wie und wo Du das genau angepasst hattest ?

    Danke und Güsse
    Michi

  6. #6
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Der Code einschließlich css steht doch eigentlich im Quelltext.

    Ich habe das Custom-Element rsce_oneo_logo_config.php um ein Textfeld erweitert.
    Je nach dem wie Du das genau ausgeben bzw. eingeben lassen willst, könnten bei Dir auch mehrere neue Felder interessant sein.

    Code:
    <?php
    
    return array(
        'label' => array(
            'en' => array('Oneo Logo', 'Logo image'),
            'de' => array('Oneo Logo', 'Logo-Grafik'),
        ),
        'types' => array('module'),
        'standardFields' => array('cssID'),
        'fields' => array(
            'image' => array(
                'label' => array(
                    'en' => array('Logo image', ''),
                    'de' => array('Logo-Grafik', ''),
                ),
                'inputType' => 'fileTree',
                'eval' => array(
                    'fieldType' => 'radio',
                    'filesOnly' => true,
                    'extensions' => \Config::get('validImageTypes'),
                ),
            ),
            'alt' => array(
                'label' => array(
                    'en' => array('Alt text', 'Alt text for search engines or browser without image support.'),
                    'de' => array('Alt-Text', 'Alternativtext für Suchmaschinen und Browser ohne Bildunterstützung.'),
                ),
                'inputType' => 'text',
                'eval' => array('tl_class' => 'w50'),
            ),
            'url' => array(
                'label' => array(
                    'en' => array('Link URL', 'Examples: #contact, {{link_url::pagealias}} to alias, ID or other insert tag, http://example.com'),
                    'de' => array('Link-URL', 'URL der Seite auf die das Logo verlinkt. Lassen Sie dieses Feld leer um auf die Startseite zu verlinken. Beispiele: {{link_url::seitenalias}} auf Alias, ID oder anderen Insert-Tag, http://example.com'),
                ),
                'inputType' => 'url',
                'eval' => array('tl_class' => 'w50'),
            ),
            'text' => array(
                'label' => array(
                    'en' => array('additional text', 'additional text e.g. Phone number'),
                    'de' => array('Zusatztext', 'zusätzlicher Text z.B. Telefon-Nr.'),
                ),
                'inputType' => 'text',
                'eval' => array('tl_class' => 'w50'),
            ),
        ),
    );
    Die Ausgabe erfolgt über das angepasste rsce_oneo_logo.html

    Code:
    <!-- indexer::stop -->
    <div class="<?php echo $this->class ?>"<?php echo $this->cssID ?>>
        <a href="<?php echo $this->url ?>">
            <?php if ($image = $this->getImageObject($this->image)): ?>
                <?php $image->picture['alt'] = $this->alt ?: $image->picture['alt'] ?>
                <?php $this->insert('picture_default', $image->picture) ?>
            <?php else: ?>
                <?php echo $this->alt ?>
            <?php endif ?>
        </a>
        <span><?php echo $this->text ?></span>
    </div>
    <!-- indexer::continue -->
    Das entsprechende umgebende div der Klasse logo ist eine Flexbox.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




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
  •