Einige Designfragen bei neuem Blog

    Bisher war ich sehr zufrieden mit eurer Unterstützung und hoffe, dass ihr mir weiter unter die Arme greiffen könnt bei meinem neuen Blog, das noch nicht Online ist und von mir gerade mit XAMPP optimiert wird.

    1. Der Image-Rotator: Im alten Blog funktionierte der immer, indem ich in der header.php folgende Zeile vor </head> einfügte:

    PHP
    <div id="pagewrapper"><div id="page">
<img src="<?php bloginfo('template_url'); ?>/images/headerpix/header_<?php echo(rand(1,74)); ?>.jpg" width="702" height="210" alt="<?php bloginfo('name'); ?> random header image" title="<?php bloginfo('name'); ?> random header image" />

    leider funktioniert das beim neuen Theme nicht mehr. Die header.php sieht dort folgendermassen aus:

    Weiss einer was da nicht funktioniert, wenn ich die Zeile bei vor </head> einsetze?

    2. Sind Header sowie Foooter nicht ganz bündig mit den Posts + Sidebar. Header und Footer sind länger, doch wenn ich sie kürzen möchte, verändert die sich auf der rechten Seite, doch links ist der Header bzw. Footer immernoch länger als das Postfeld mit der Sidebar. Wie kann ich links und rechts des Header/Footer gleichviel abschneiden, damit alles bündig ist?

    3. Bei der Tag Funktion geb ich zwar die Stichworte bei den Posts ein, doch werden sie dann auf der Seite nicht angezeigt. Muss man da noch was hinzufügen?

    Das wär's fürs erste. Hoffe ihr könnt mir helfen. :)

    Hab hier noch die style.css:

    Einmal editiert, zuletzt von foxmulder87 (11. November 2007 um 20:42)

    • 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 von foxmulder87


    1. Der Image-Rotator: Im alten Blog funktionierte der immer, indem ich in der header.php folgende Zeile vor </head> einfügte:


    Nicht vor </head>. In <head> stehen die Meta-Daten zum Dokument, diese werden aber auf der Seite selbst nicht angezeigt.
    Der Header den du suchst findest du nach <body>, meist ist es ein <div> mit der ID "header".


    Zitat

    2. Sind Header sowie Foooter nicht ganz bündig mit den Posts + Sidebar. Header und Footer sind länger, doch wenn ich sie kürzen möchte, verändert die sich auf der rechten Seite, doch links ist der Header bzw. Footer immernoch länger als das Postfeld mit der Sidebar. Wie kann ich links und rechts des Header/Footer gleichviel abschneiden, damit alles bündig ist?


    CSS-Problem. Link?

    Zitat

    3. Bei der Tag Funktion geb ich zwar die Stichworte bei den Posts ein, doch werden sie dann auf der Seite nicht angezeigt. Muss man da noch was hinzufügen?


    siehe Template Tags für Tagging

    1. Hmm, ich kann es einsetzen wo ich will, aber nie wird der Header dann richtig angezeigt. Kannst du mir kurz sagen wo du es einsetzen würdest?

    2. Leider noch keinen Link, ich werd mal schauen dass ich die Seite so wie sie ist schon bald hochladen kann.

    3. Danke sehr :)

    Zitat von foxmulder87

    1. Hmm, ich kann es einsetzen wo ich will, aber nie wird der Header dann richtig angezeigt. Kannst du mir kurz sagen wo du es einsetzen würdest?


    Kommt natürlich auf das verwendete Theme an. Bei der hier verwendeten Vorlage wird das Hintergrundbild via CSS eingebaut, also sollte der Code dann doch wieder ins CSS (und somit in den <head>-Bereich) - natürlich leicht variiert:

    PHP
    <head>
...
<style type="text/css">
#header {
 background-image: url(<?php bloginfo('template_url'); ?>/images/headerpix/header_<?php echo(rand(1,74)); ?>.jpg);
}
</style>
...
</head>

    Natürlich nach dem Aufruf des normalen Template-Stylesheets, sonst wird das wieder überschrieben.

    Bei 1. hast du nen Denkfehler bei den Grafiken. Die Header-Grafik und der Footer sind exakt 977px breit, die Navigationsgrafik inkl. Rundung 977px. Also mach die Header-Grafik und der Footer entsprechend schmaler, bis die Breite passt.

    Beim Footer hab ich durch probieren die Breite 967px gefunden. Zusätzlich habe ich hier noch ein "margin:0 auto;" zur CSS-Regel für #footer hinzugefügt:

    Footer:

    Code
    #footer { clear: both; height: 87px; background: #252525; [B]width:967px;[/B] color: #ccc; text-align: right; [B]margin:0 auto;[/B] }


    (Breite geändert und Außenabstand eingefügt)

    Beim Header:

    Code
    #header { width: 977px; height: 250px; background: #252525 url(images/headerpix/header_2.jpg) no-repeat [B]center[/B] top; }


    (left in center ändern)

    Für den Wechselheader: mein (eben noch leicht abgeänderter) Code von etwas weiter oben sollte funktionieren. Hinweis (Nachtrag) beachten - muss NACH dem normalen Stylesheet eingefügt werden.

    Der Footer hat mit 957px jetzt geklappt, vielen Dank für die Lösungshilfe :) Aber der Header will einfach nicht. Der hat sich nicht geregt. Auch funktioniert leider deine Lösung für das Headerwechseln nicht. :( Ich kann es im Headerbereich der CSS einsetzen wo ich will, es kommt nie das gewünschte Resultat.

    Bei #outline (Z. 55) den background entfernen:

    Code
    #outline { width: 975px; margin: 0 auto; padding: 0; [B]background: #fff;[/B] font-size: 1.3em; }

    Und den #header wie folgt ändern:

    Code
    #header { [B]width: 957px; margin:0 auto;[/B] height: 250px; background: #252525 url(images/headerpix/header_2.jpg) no-repeat left top; }


    Bau den Code für das Wechselbild mal bitte online ein, damit ich mir das angucken kann.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden