Kennst du schon...? - Einen Link ins Headerbild einfügen
17.09.2013 09:55Unter "Kennst du schon...?" stelle ich euch regelmäßig kleinere oder größere Features und Einstellmöglichkeiten vor, die in den Tiefen der Xobor Forensoftware versteckt sind. Warum wir sie ans Licht holen? Weil sie alle euren Forenalltag ein kleines bisschen leichter machen.
Heute: Einen Link ins Headerbild einfügen
Wo zu finden?
Admin → Layout → Kopf & Fußzeile + einen Bilderservice (z. B. bilder-hochladen.net)
Was ist es?
Ein Bildlink → Klickt auf euer Headerbild, um zur hinterlegten Webadresse zu gelangen.
Wofür ist es gut?
Man kennt es von vielen Seiten: Klickt man zum Beispiel bei einem Blog oder einer Website auf das Bild im Kopfbereich, gelangt man auf eine andere Seite. Meistens zurück auf die Haupt- oder Startseite.
Auch im Forum ist das recht praktisch, wenn man dem Besucher ermöglichen will, möglichst schnell zur Forenübersicht oder zum Portal zurück zu kehren.
Natürlich ist beides auch in der Navigationsleiste verlinkt, doch ein zusätzlicher Link im Headerbild ist sehr viel präsenter und einfacher zu klicken als ein Button in der Navigation.
Um den Link einzubinden, müsst ihr zunächst einmal euer Headerbild in die Kopfzeile bekommen.
Eine Möglichkeit ist es, das Bild extern hoch zu laden, zum Beispiel bei unserem hauseigenen Bilderservice bilder-hochladen.net.
Nach dem Hochladen werden euch mehrere Links ausgegeben - ihr wählt den HTML-Link, kopiert ihn und fügt ihn in eurer Kopfzeile ein.
Nun müsst ihr nur noch den Link hinter <a href= austauschen und dort die URL eures Forums einsetzen (blau markierter Teil) .
Anschließend auf speichern klicken, zurück ins Forum gehen und den Link ausprobieren.
Hinweis: Wenn ihr nicht wollt das der Link auf eure Startseite verweist, könnt ihr natürlich eine andere Seite eures Forums aufrufen (in Bilderforen z. B. die Bildergalerie), den Link aus der Browserzeile kopieren und diesen einsetzen, statt des einfachen Forenlinks. Natürlich könnt ihr auch eine externe Webiste, wie etwa eure Homepage verlinken.
Informationen zu diesem Artikel
-
Erstellt von:
Alice
Kategorie: Community
17.09.2013 09:55:00 Uhr
zuletzt bearbeitet: 17.09.2013 09:55 - 8 Kommentare
Kommentare
Dieses Tutorial wurde vor dem Wizard erstellt, ist also für die Kopfzeile gültig.
Ich habe mir den Wizard aber gerade einmal angesehen, du hast die Möglichkeit, den Link zur Startseite des Forums in die Beschreibung einzuarbeiten, oder du kannst dort (unter Nummer 3) direkt das Bild verlinken so wie oben angegeben.
Dazu musst du es unter "1. Logo" natürlich wieder entfernen.
Allerdings kannst du dann auch gleich die reine Kopfzeile verwenden.
Hallo zusammen,
... ich habe dieses Thema in der Bibliothek entdeckt, finde es sehr interessant, ... stehe nur gerade auf dem Schlauch mit der Frage:
Wie setze ich diese Verlinkung um, wenn ich mein Headerbild mit dem neuen wizzard erstellt habe ??
Vielleicht kann mir jemand helfen ?
Danke.
www.frapefo.xobor.de
Ich hatte die Headergrafik schon vorher verlinkt, weil ich von Usern vielfach darauf angesprochen wurde.
Es gibt in diesem Zusammenhang auch noch eine schöne Möglichkeit, wenn man etwa in seiner Kopfzeile ein Logo verwendet und seitlich davon einen extra Slogan haben möchte. Hier haben wir es also nun mit zwei Grafiken zu tun, die dann, in diesem Beispiel, nebeneinander im Kopfzeilenbereich dargestellt werden.
Diese Variante ermöglicht, dass dann lediglich das Logo (wie von Alice beschrieben) anklickbar bzw. verlinkt ist. Der Slogan soll ja davon unberührt bleiben.
Dazu trägt man, wiederum unter "Admin > Layout > Kopf- & Fußzeile" ins Eingabefenster "Kopfzeile" den folgenden Code ein:
2
3
<a href="http://www.zieladresse"><div id="logo"><img src="http://www.bildadresse1" title="Zur Forum-Übersicht" alt="Logo"></div></a>
<div id="slogan"><img src="http://www.bildadresse2" alt="Slogan"></div>
Ich habe in dem Fall den beiden Grafiken eine id zugewiesen, womit sich diese fortan immer bequem über CSS ansteuern bzw. genau positionieren lassen.
Wer diesem Beispiel folgen möchte, der trägt dann eben zusätzlich unter "Admin > Layout > CSS" dieses ein:
2
3
4
5
6
7
8
9
10
11
12
/* Eintrag Anfang "Logo und Slogan" */
#logo {
position:absolute;
top:24px;
left:20px;
}
#slogan {
position:absolute;
top: 24px;
left: 250px;
}
/* Eintrag Ende "Logo und Slogan" */
Das habe ich vor ein paar Monaten, als ich gerade erst damit anfing, mein Forum schrittweise herzurichten, unter ziemlich argem Zeitaufwand zustande gebracht. Ich hatte damals so gut wie keine Ahnung von HTML und musste da ganz schön "büffeln".
Hallo Tausendstern,
danke für die wertvolle Ergänzung. 
Ich finde es auch sinnvoll, wenn beim Darüberfahren mit der Maus über das Headerbild oder über ein Logo ein kleiner Hinweis (ein so genanntes "Tooltip-Fensterchen") angezeigt wird. Zum Beispiel "Zur Forum-Übersicht" oder was auch immer man da für am besten geeignet halten mag.
Mit dem zusätzlichen Attribut "title" lässt sich das auch im Handumdrehen realisieren: einfach den folgenden Zusatz in Alice' Codezeile integrieren.
title="Zur Forum-Übersicht"
Sieht dann so aus:
<a href="http://www.zieladresse"><img src="http://www.bildadresse" border="0" title="Zur Forum-Übersicht" alt="Logo"></a>
Vielen Dank für die Erklärung, das hat mir sehr weiter geholfen 
Lg Carsten
Sie haben nicht die nötigen Berechtigungen, um neue Kommentare zu verfassen
Vielen herzlichen Dank Alice ,
... hat super geklappt mit Deinem Tipp !
www.frapefo.xobor.de