Header bearbeiten

    Wie sieht deine betreffende Zeile in der style.css aus?

    Code
    .header .rss li { display: inline; background: url(images/rss-ico.png) no-repeat left 2px; padding-left: 20px; margin-right: 5px; }
    • 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

    und so sieht der Code aus bei mir

    PHP
    <li><a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/Newspaper_Feed_48x48.png" width="48" height="48" alt="Entries (RSS)" title="Entries (RSS)" /></a></li>

    Ja, naja, fast aber du hast mir schon sehr geholfen, danke nochmals.
    Jetzt muss nur noch im Header statt dem Text eine Grafik eingesetzt werden.

    na da weißt du ja jetzt wie es funktioniert......

    PHP
    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>

    Genau diese Codezeile hab ich ganz entfernt:

    PHP
    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>


    und dann in der style.css unter diesem Eintrag das Logobild gelinkt:

    Code
    .header { width: 960px; padding: 30px 0px 10px 0px; border-bottom: solid 1px #d9d7c3; float: left; background: url(images/header-bkg.gif) no-repeat top; position: relative; margin-bottom: 10px;}

    ich hätte es wie bei den rss gemacht
    also dies

    PHP
    <?php bloginfo('name'); ?>


    gegen den Bildcode getauscht, dadurch bleibt der Link erhalten

    also statt dem Namen wird dein Logo angezeigt und wenn man drauf klickt kommt man zur Startseite

    Ok um das ganze nicht kompliziert zu machen, fangen wir am besten nochmal von vorne an.

    Frage zum Fervens Theme; Wie bekommt man die blauen Wellen im Header die sich oberhalb der Schrift BlogName befinden als Hintergrund, das bedeutet die Wellen sollen sich hinter der Schrift befinden oder die Schrift auf den Wellen wie man es betrachtet eben?

    also entweder das Logo ist transparent(png oder gif), so das man den Hintergrund außen herum sieht

    oder du machst es direkt auf den Hintergrund und fügst ein transparentes Platzhalter.gif statt des Namens-Codes ein(damit die es klickbar bleibt)

    Das Problem ist, wenn ich in dem Code:

    PHP
    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>

    ein Bild platziere, sei es sogar transparent, die Wellen-Grafik ist so eingestellt das sie immer oberhalb davon steht.

    das kann nicht sein, diese ist als Hintergrund definiert

    Code
    .header  {
background:url("images/header-bkg.gif") no-repeat scroll center top transparent;

    Sonst würde ja auch der Text nicht zu sehen sein.

    Vielleicht hast du ein Problem mit deinem Browsercache, so das er Veränderungen erst nach x-mal laden anzeigt

    würde auch das Problem mit den rss-Icons vorhin erklären
    Also immer schön den Cache leeren :wink:

    Das oberhalb ist 2-Dimensional nicht 3-Dimensional gemeint.

    Vergessen wir das mit der Grafik, nochmal zu dem Standard-Theme, wie kann man festlegen das sich der Titel BlogName im Header auf den Wellen befindet, also die Schrift soll auf den Wellen stehen, siehe dazu am besten Bild.

    Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

    in der style.css beim header

    dies

    Code
    padding:30px 0 10px;

    in das

    Code
    padding:3px 0 37px;

    ändern

    die 3 sorgt dafür das die Schrift hoch rutscht, 37 sorgt für den Ausgleich nach unten
    dies kannst du natürlich beliebig anpassen

    Da du sicher noch mehr ändern willst, empfehle ich dir Firebug für Firefox, damit kannst du alles direkt im Browser ändern und testen. Danach dann die Dateien anpassen.

    Da das nun auch gelöst ist, bleibt eigentlich nur noch eins was ich ändern will. Es hat mit den Wellen zu tun.

    Die Grafik ist ist auf 960 Pixel eingestellt, wie macht man das um das Bild an den Seiten weiter hinauslaufen zu lassen? Zum Besipiel sollen die Wellen auf 1050 Pixel angezeigt werden aber auch nur die Grafik, das Layout soll davon unangetastet bleiben.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden