Hintergrundbild des Designs verlinken

jband

Hallo,

Ich habe eben ein hintergrundbild ins das Design eingebaut. Nun würde ich dieses gerne verlinken. Wie mache ich das am besten?:

http://www.jband.de/

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

gericoach

wo? sehe nur schwarz...meinst Du bg-fan2.jpg oben?
Wo und wie hast Du es eingesetzt? Von Hand?

Marvin_S

Meinst du das Headerbild? Du kannst tricksen und über der Internetseite einen Link machen welcher per CSS die Höhe und Breite des Hintergrundbildes hat.

Gruß
Marvin

jband

Hallo,

Ja genau das Bild meine ich.
Ich habe es bei den Designeinstellungen bei Hintergrundbild hochgeladen und dann kommt es automatisch da hin. Dann hab ich noch die Seite weiter nach unten gesetzt damit man das bild auch sieht.

Marvin_S

Genau. Und das nach untensetzten machst du jetzt wieder rückgängig und machst folgendes:

An der Stelle bevor die ganze Seite beginnt, meist in der header.php direkt nach dem <body> Tag machst du folgenden HTML Code hin:

HTML

<a href="link/zum/ziel.html" class="headerlink" title="" ></a>

Im CSS machste dann folgendes:

Code

a.headerlink {
display:block:
width:900px;
height:250px;
outline:none;
}

Die Höhe und Breite musst du natürlich anpassen.

Somit hast du also einen unsichtbaren Link mit einer festen Höhe und Breite , der die Seite zum einen runterrutschen lässt, damit das bild sichtbar wird und zum anderen einen verlinkbaren Bereich darstellt.

Grüße
Marvin

jband

Hab alles so eingebaut wie beschrieben, scheint aber nicht zu funktionieren :?::sad:

Marvin_S

Tschuldige.

Code

a.headerlink { display:block: width:900px; height:175px; outline:none; }

hinter block ein Simikolon statt Doppelpunkt

also So.

Code

a.headerlink { display:block; width:900px; height:175px; outline:none; }

Und wenn das auch nicht geht, setzt den Link mal direkt in dem Wrap DIV.
Also zwischen <div id="wrap"> und <div id="header">.

Gruß
marvin

jband

Super, hat funktioniert (Hätte ich aaber auch selbst drauf kommen müssen :lol:

Kann ich diesen Link ejtzt auch noc mittig machen , dass nur die Grafik verlinkt ist? momentan fängt der ganz links an und hört ca. bei der Hälfte des Bildes auf

Marvin_S

Hi, klar geht das ;)

einfach noch beim css

Code

margin:auto;

hinzufügen ;)

Grüße
Marvin

jband

Zitat von Marvin_S
Hi, klar geht das ;)
einfach noch beim css
Code
margin:auto;
hinzufügen ;)
Grüße
Marvin

Suuuuper Danke!!:razz:

Marvin_S

Zitat von jband

Suuuuper Danke!!:razz:

Gern ;)

Gruß
Marvin

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hintergrundbild des Designs verlinken

Jetzt mitmachen!