Header verlinken no.10000

  • Hallo, mir ist bewusst das es zu diesem Thema 1000 Posts gibt. Ja ich habe alle gelesen und mir auch die FAQ angeschaut. Habe so ziemlich alles ausprobiert jedoch habe ich keine Ahnung von html, ccs oder was auch immer.

    Zum Problem, ich möchte meinen Header zur Startseite verlinken. Jedoch habe ich im Header.php keinen Stelle "<div id="header">".(ein Part nennt sich "<div class="header">" diesen habe ich auch schon testweise, ohne Erfolg, ersetzt).
    In der Style.css fand ich einen Part der wie in den Faq angegeben "<div id="header">" lautet, jedoch führt auch das Ersetzen nicht zum gewünschten Ergebnis.

    Der Link zur Seite: http://www.ohnekalorien.com/
    WordPress 2.9.1.

    • Anzeige

    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

  • Dann nimmst du ein Fotoprogramm Photoshop oder so und machst eine Leere PNG transparent speicherst die. lädst in dein theme/images

    dann schreibst du in deine header.php

    <a href="linkzudeinerseite"><img src="linkzurleerenpng" /></a>
    das ganze ungefähr da hin

    Code
    <div class="Header">
        <div class="Header-png"></div>
        <div class="Header-jpeg"></div>
    <div class="logo">
        <h1 id="name-text" class="logo-name">
            <a href="http://www.ohnekalorien.com/"></a></h1>
        <div id="slogan-text" class="logo-text">
            leicht Verdauliches</div>
    <a href="linkzudeinerseite"><img src="linkzurleerenpng" /></a>
    </div>

    Müsste gehn

    Wie es ist,bleibt es nicht .

  • Danke für die schnelle Antwort. Grundsätzlich Funktioniert die Sache, nur das .Png Sitzt an der Falschen stelle. Also unter dem Header, ich lass es einfach mal so drin um es verständlich zu machen. Könntest du mir noch erklären, wie ich die Position vom Png etwas weiter nach oben Korrigieren kann?

  • Code
    <div id="logo">
        <h1 id="name-text" class="logo-name">
            <a href="http://www.ohnekalorien.com/"></a></h1>
        <div id="slogan-text" class="logo-text">
            leicht Verdauliches</div>
    <a href="linkzudeinerseite"><img src="linkzurleerenpng" /></a>
    </div>

    Siehe Änderungen oben
    in Deiner Css dann

    #logo { background-image: url(hier_deine_url.png) no-repeat 0 0; }

    einfügen.

    Ps. Html und Css ist wirklich aller einfachst und mittels zB selfhtml und einem Tutorial in 2-3 Stunden zu erlernen. Die Elementreferenzen kann/muss man ohnehin immer wieder nach schauen. Die Zeit investierst Du sowieso schon ins Forum. Warum also nicht gleich in ein, zwei Tutorials investieren?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!