Logo mit Home verlinken

Hallo,

ich bin relativ neu bei Contao und habe nun ein Logo im HEADER positioniert. Das Logo soll mit der 'Home'-Seite verlinkt werden.

Wie geht das?
Vielen Dank für Eure Hilfe.

Kommt immer drauf an wie du das Logo eingebunden hast.
Ist es ein Artikel? eigener HTML Code?

Artikel:
wenn du das Logo als Artikel eingebunden hast musst du nur das Logo (Bild) ansich verlinken

HTML Code:
Um das Logo einfach ein a Tag rumbasteln

Hallo,

vielleicht hilft dir das Einfügen eines Moduls des Typs Eigener HTML-Code in den Header mit etwa folgendem Inhalt (natürlich noch mal von dir individuell angepasst):

HTML-Code:

---

<a href="{{env::url}}" title="Zur Startseite"><img src="tl_files/logo.png" width="xx" height="xx" alt="Logo" /></a>

---

Hallo Elchfan,

mit einem Modul vom Typ Eigener HTML-Code geht es m.E. am einfachsten:

Code-Schnipsel:

Code:

---

<! -- indexer::stop -->
<div id="logo">
<a href="{{env::url}}/" title="zur Startseite">
<img src="tl_files/standard/logo-firmenname.jpg" width="200" height="120" alt="Firmenname" />
</a>
</div>
<!-- indexer::continue -->

---

Die beiden Zeilen indexer::stop und indexer::continue als Kommentar einfügen, damit das von einer Frontendsuche ausgeschlossen wird und nicht als Suchergebnis aufgelistet wird; sollte in jedem Modul vom TYP Eigener HTML-Code stehen - es sei denn, man möchte definitiv die Suchausgabe erreichen.
Nach dem Insert-Tag {{env::url}} füge ich einen Slash ein, da sonst die Validierung bemängelt, das es sich um ein "leeren" Tag handelt.
Um auch den Suchmaschinen Futter zu geben, würde ich sowohl den Dateinamen als auch den Alt-Tag sinnvoll, sprich den Firmennamen verwenden: zu "logo.jpg" gibt es viele Treffer ;)

Off-topic: Gibts die Drachenflieger noch bei euch in Loffenau? ;)

1. Modul(Eigenener HTML-Code) erstellen
2. HTML-Code einfügen:

HTML-Code:

---

<div class="logo">
<a href="{{env::path}}" title="Website-Name"><img src="logo.jpg" alt="Logo"  /></a>
</div>

---

3. Modul ins Seitenlayout einbinden

Also, das ging ja richtig schnell. ;)
Vielen Dank für Eure Hilfe. Es funktioniert.

hi,

ich muss das Thema noch einmal kurz anschneiden... bei mir funktioniert das nicht mit dem eigenen HTML. Der Header verschiebt sich nach unten und alles muss neu gestylt werden -.-
ist das normal? - Dann lass ichs lieber so ;)

PS: ja die Drachenflieger gibt es noch^^

es geht um diese Seite: http://motorradfahrer-loffenau.de

Hallo Captor,

wenn Du den Code von panepix nimmst und diesen als Modul (eigener HTML-Code) in dein Seitenlayout in den Kopfbereich deiner Seite einbaust, so erscheint dieses Modul dann auf jeder Seite innerhalb deiner Website.

Code:

---

<! -- indexer::stop -->
<div id="logo">
<a href="{{env::url}}/" title="Startseite">
<img src="tl_files/standard/header1.jpg" width="905" height="235" alt="Motoradfahrer-Loffenau" />
</a>
</div>
<!-- indexer::continue -->

---

Die Breite (width) und die Höhe (height) deiner Grafik musst Du natürlich in diesen Code auf deine Bedürfnisse einstellen.

Anschließend musst Du jetzt noch das Modul mittes der ID #logo in deiner CSS-Datei auf der Website positionieren.

Dies könnte z.B. so aussehen:
#logo{
left: 10px;
position: absolute;
top: 5px;
}

Hier noch was zum Thema CSS.

Viele Grüße
MiTsch


PS: Drachenflieger ??? :eek:

ich habs =)

Danke dir =)

Das mit den classen und IDs weiß ich ^^ mein Fehler lag im margin top von #header .inside, und einem padding von #header.
Das hat die vorherige Grafik wohl nicht gestört, weil sie im Hintergrund war, aber die über das eigene HTML eingebundene hats mir deswegen nach unten verschoben... nehme ich an :P

Also jz klappt alles.. geht sogar ohne den div. Noch viel zu lernen... aber sonst würde es ja kein Spaß machen =)

Bis zur nächsten Frage!

DANKE! so long

Euer Captor ;)