main image mit URL verlinken. Wie geht das?

Shiva-Param

Hallo liebe Leute!

Ich will, das, wenn man auf das "main image" klickt, man zu einer anderen Seite gelinkt wird. Bis jetzt passiert gar nichts, wenn man auf das main image klickt, siehe mein Blog unter http://www.krishnas-erben.de .
Weiß jemand, was in den Code eingefügt werden muss, damit das Bild mit einer URL verlinkt wird?

Hier mein derzeitiger Code:

/* main image */
#mainpic {position: absolute; bottom: 0; float: left; background: url(images/mainpic01.jpg) no-repeat; display: block; width: 736px; height: 229px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}

Ich bin über jede noch so kleine Hilfe dankbar!

Param

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

geloeschterbenutzer20101124

Hi Shiva-Param,

Hm,

in der index.php des Templates folgendes
<div id="mainpic"></div>

abändern in

hilft nicht?

LG saleen7

Edit: Was ist denn eine Krishna? Interessante Seite.

Shiva-Param

Hallo Saleen

Ich danke dir herzlich für den Tipp. In der index.php-Seite habe ich "<div id="mainpic"></div>" nicht gefunden, dafür aber in der
header.php-Seite. Ist das auch okay?

Ich habe dort folgendes abgeändert:

Leider passiert nichts. Mache ich etwas falsch?

PS: Krishna ist ein Name von Gott in der altindischen Sanskritsprache. Meine ursprüngliche Seite lautet http://www.gour-ni-times.de, falls man mehr darüber wissen will. Möchte hier aber niemanden nerven. Man kann mir sonst auch gerne privat schreiben.

Netbarry

Du verlinkst so doch nichts...du setzt einen Link, ohne dass etwas verlinkt wird.

Am besten machst Du es (auch aus SEO Gründen) wie folgt:

<div id="mainpic">
<a href="/" title="Titel Deines Blogs"><img src="/wp-content/themes/name_deines_templates/images/mainpic01.jpg" alt="Alle Infos zu: Titel Deines Blogs" width="breite Deines Bildes" height="Höhe Deines Bildes" /></a></div>
Ins CSS:

#mainpic {position: absolute; bottom: 0; float: left; display: block; width: 736px; height: 229px; margin: 0 7px;
border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}

Was im CSS steht einfach anpassen so wie es dir gefällt

Du brauchst dann aber noch folgende Klasse:

#mainpic img
{border:none;}

So würde da schon eher ein Schuh draus !

Shiva-Param

Hallo Netbarry,

vielen Dank für die Hilfe aus Chicago(!)

Das funktioniert! Toll!

Habe noch eine Frage, die so ähnlich ist, wie die obige:

Auf der Seite http://wordpressthemesbase.com/view/774.html ist so ein RSS-Icon in der Hintergrundgrafik zu sehen (Mitte, links). Dieses Icon ist ein Bestandteil der Hintergrundgrafik. Trotzdem ist genau an der Stelle des Icons eine Schaltfläche zum klicken eingerichtet worden. Das würde ich gerne auf meinem Bolg auch tun. Ich habe bereits den RSS-Icon in die Hintergrundgrafik mit eingebaut, siehe http://www.krishnas-erben.de (zu sehen oben rechts). Nun brauche ich nur noch diese Schaltfläche einrichten. Wie macht man das?

Vielleicht kannst Du mir hier noch einmal einen glodenen Tipp geben, falls ich Deine Kapazität nicht schon ausgeschöpft habe?
Netten Gruß,
Param

Willkommen! Melden Sie sich an oder registrieren Sie sich.

main image mit URL verlinken. Wie geht das?

Jetzt mitmachen!