ilch_comm: header HG mit Link versehen

Gehe zu Seite:

Geschlossen

Di. 07.01.2025 18:25 Uhr #1

juergen67 Mitglied

Registriert seit
22.06.2021

Beiträge
7

Beitragswertungen
[gelöst]
Hallo zusammen,

ich würde gerne das Hintergrundbild des ilch_comm Layouts mit einem Link zurück zur Startseite, also praktisch auf "https://www.slotcar-tuning.com/" versehen.

Der Code im header.php ist:
```
    <style>
      .header-background {background-image:url(<?=$this->getBaseUrl($this->getLayoutSetting('header')) ?>);}
    </style>
```
Mittlerweile bin ich bei 10 verschiedenen Versuchen, auch habe ich das Bild hardcodiert versucht, einzubinden. Alles nur halbe Sachen: Bild da, kein Link, Bild weg, Seite weg, Bild zu 25% da, Rest oben weiß. Ich denke, mein Webbuilder-Wissen ist eingerostet.

Warum? Gerade auf dem Handy ist der Finger-Tip auf das Header-Bild oben als Sprungadresse angenehmer als über das Menu gehen zu müssen.

Wer hat die Lösung? Ich hocke seit Stunden an dem Rätsel.
In HTML Output sieht das so aus:
```
 <style>
      .header-background {background-image:url(https://www.slotcar-tuning.com/application/modules/media/static/upload/677d2d6d6d3f7header_f1_neu.jpg);}
    </style>
```
Eine Lösung mit direktem Pfad nehme ich auch.

Danke und einen schönen Abend!
Greetz
Jürgen

verwendete ilch Version: 2.1.x

betroffene Homepage: externer Link

Zuletzt modifiziert von juergen67 am 07.01.2025 - 22:28:04
0 Mitglieder finden den Beitrag gut.
- zitieren
Di. 07.01.2025 20:25 Uhr #2

Lord|Schirmer Administrator

Registriert seit
21.03.2007

Beiträge
7.680

Beitragswertungen
Hallo Jürgen,

die Angaben in <style> sind für die optische Gestaltung da. Den Link musst Du in den betroffenen Container setzen, wo die background Klasse hinzielt.

In der header.php muss somit der DIV Container mit der Klasse .header-background angesprochen werden.

Die einfachste, wenn auch nicht die schönste und beste, Lösung ist ein JS mit onclick.

Beispiel:
```
<div class="container">
    <div class="community header-background" onclick="window.location.href='<?=$this->getUrl() ?>'">
        <div class="gaming-name">
              <?=$this->getLayoutSetting('headerheading')?>
        </div>
    </div>
    <style>
      .header-background {background-image:url(<?=$this->getBaseUrl($this->getLayoutSetting('header')) ?>);}
    </style>
</div>
```
Probier es mal, habe es nicht getestet.
rules :: doku :: faq :: linkus
1 Mitglieder finden den Beitrag gut.
- zitieren
Di. 07.01.2025 22:27 Uhr #3

juergen67 Mitglied

Registriert seit
22.06.2021

Beiträge
7

Beitragswertungen
Zitat geschrieben von Lord|Schirmer
Hallo Jürgen,

die Angaben in <style> sind für die optische Gestaltung da. Den Link musst Du in den betroffenen Container setzen, wo die background Klasse hinzielt.

In der header.php muss somit der DIV Container mit der Klasse .header-background angesprochen werden.

Genial, das haut hin. Woher weiß er aber, wo es hingeht?
Ist das der Teil hier:
```
<?=$this->getUrl() ?>
```
Klasse, großes Dankeschön.

Greetz
Jürgen
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 08.01.2025 14:18 Uhr #4

Lord|Schirmer Administrator

Registriert seit
21.03.2007

Beiträge
7.680

Beitragswertungen

Genau, dies ist die Funktion um die URL vom HTTP-Header der aufgerufenen Domain/Seite abzufragen.

rules :: doku :: faq :: linkus
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » ilch_comm: header HG mit Link versehen