Sidebar

    Hallo,

    ich bin verzweifelt !:confused:
    Ich habe jetzt ne stunde hier im Forum nach einer Lösung gesucht, aber ich habe nichts gefunden, was mir wirklich helfen könnte.
    Ich bin ein totaler blog-anfänger (und auch mit css kenne ich mich nicht gut aus) und ich versuche in meiner Sidebar ein Logo einzufügen.

    Soweit so gut: Ein Logo habe ich hingekriegt, aber das war dann entweder komplett in der Sidebar zu sehen oder hinter jeder Überschrift war das Logo hinterlegt.
    Ich würde es gerne schaffen, dass das Logo über der Suche zu sehen ist.
    http://2hot.dyndns.org
    Ist das wohl möglich?

    Ich hoffe, es hat jemand eine Lösung für mein Problem!

    jessi

    • Gerade eben
    • 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

    Zitat

    Ist das wohl möglich?

    Klar.

    CSS Lösung:
    In der style.css ab Zeile 530 ( #sidebar) folgendes dazu bzw. ergänzen.
    Der padding-Wert richtet sich dabei nach der Höhe des Bildes, soll heissen, der ist anzupassen.

    Code
    #sidebar
{ [COLOR="RoyalBlue"]background: url("http://dein_logo.gif") top center no-repeat;[/COLOR]
	padding: [COLOR="RoyalBlue"]200px[/COLOR] 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

    Alternativ über Positionierung, wobei der erste Wert die Position von Links ist und der zweite die Pos. von oben. ( XY Koordinaten )

    Code
    #sidebar
{ [COLOR="RoyalBlue"]background: url("http://dein_logo.gif") [COLOR="Red"]10px 20px[/COLOR] no-repeat;[/COLOR]
	padding: [COLOR="RoyalBlue"]200px[/COLOR] 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

    Und wenn alles Sch___ aussieht dann direkt in der sidebar.php mit 'nem popeligen <img>-Tag:

    HTML
    <img src="dein_logo.gif" width="0" height="0" />

    "Whoever controls the media, controls the mind." J.Morrison

    Hallo,

    vielen Dank für die Hilfe!
    Ich habe es in der sidebar.php ausprobiert, und es ich sehe jetzt auch ein rotes Kreuzchen an der Stelle wo das Bild sein sollte, aber das Bild wird nicht angezeigt!
    Woran kann es liegen?
    Als ich es in der style.css probiert habe, war auf einmal alles durcheinander!
    Ich habe mal ein Stück aus der sidebar.php kopiert:
    <div id="sidebar">
    <ul>
    <li>
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
    </li>
    <!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
    <li><h2>Autor</h2>
    <p>A little something about you, the author. Nothing lengthy, just an overview.</p>
    </li>
    -->
    <img src="jubi.jpg"
    width="200" height="93" />
    <li>

    Fällt dir das vielleicht auf, was ich falsch gemacht hab!?

    jessi

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden