Beiträge von enerdency

  • Bild neben Footer setzen?

    Schönen guten Tach zusammen, nach ausgiebiger Forensuche bleibt da ein Layout-Problem auf http://www.enerdency.de ...

    Ich würde gerne ein Bild oder ´nen Button neben dem Footer einbauen, also ausserhalb des "wrapper"-Bereichs. Das Problem ist, dass wenn ich einfach

    PHP
    <div style="position:absolute; bottom:100px; left:0px;">Button<br>
<img src="Button.gif" alt="Button" border="0"></div>

    in die footer.php einbaue, der Button zwar da auftaucht, wo ich ihn haben will (also links vom Footer), aber der Footer trotzdem um die Höhe des Buttons hochgeschoben wird, man also unter dem Footer den body-Background sieht. Auch die Änderung von "position:absolute" ändert nix bzw. zersägt das Ganze.

    Die Idee war jetzt, eine inlay.php aufzumachen, in die ich zentral die Daten des Buttons und anderer Bilder einsetzen kann, die dann per

    PHP
    <?php include (TEMPLATEPATH . '/inlay.php'); ?>

    in die header- oder footer-php eingebunden wird, sodass sie auf allen Seiten des Blogs auftaucht.
    Soweit, so gut, klappt auch wunderbar mit der inlay.php, allerdings werden die Positionsangaben nur auf das sichtbare Browserfenster angewandt, was natürlich nicht runter bis zum Footer reicht.

    Die Frage ist nu, ob es möglich ist, die inlay.php irgendwo einzubinden, wo sie auf die ganze Seite, also nicht nur deren sichtbaren Bereich projeziert wird.
    Ein "bottom:100px; left:0px;" würde dann dafür sorgen, dass das Element wirklich an 100px oberhalb der Unterkante der Seite, nicht oberhalb der Unterkante des Browserfensters klebt.

    Irgendwelche Ideen, wo das

    PHP
    <?php include (TEMPLATEPATH . '/inlay.php'); ?>

    eingebunden werden müsste?

    Ich danke für die Aufmerksamkeit ;),
    schönen Gruß,

    N°

  • Ist Header-Image Auto-Resizing möglich?

    Just to keep you informed:

    Auto-Resizing eines Backgrounds klappt doch!:mrgreen:

    Aaaalso, auch wenn die "Stretch"-Funktion für Backgrounds laut w3c erst in CSS3 eingebaut werden soll, man schafft es auch jetzt schon *freu*.

    Der gute Mensch von CSSPlay hat das als Hintergrund für eine komplette HTML-Seite vorgemacht, und mit ein Bisschen stöbern im Seitenquelltext und nachschlagen, was z-index so macht, ist folgendes rausgekommen:

    Erstmal braucht man in der style.css einen neuen Eintrag, hier #background:


    Das Ding kann man so anpassen, wie man´s im Endeffekt auf der Seite haben will, hier also 10% vom linken Rand und so weiter.
    Wichtig sind nun "position" und "z-index", da sich das Ding mit "position" "festhalten" soll (Fixpunkt von dem aus das Resizing laufen soll) und "z-index" um den "background" auch wirklich hinter den Blog-Titel oder ähnliches schieben kann.

    Width und Heigth definieren das Auto-Resizing, hier also nur in Bezug auf Width, Heighth ist egal wie groß das Hintergrundbild 240pix, und zwar nicht abgeschnitten, sondern gedehnt/gestaucht. (<- Ist das nicht geil?:mrgreen:)

    Wenn "#background" z-index 1 hat, müssen nun noch die anderen Header-Elemente z-index 2 zugewiesen bekommen, damit sie vor dem "background zu liegen kommen. Da die Zuweisung von z-indices nur in Verbindung mit "position" funktioniert, bekommen sie noch ein "position: relative" was sie Layout-technisch genauso erscheinen lässt, wie man es ohne den ganzen Auto-Resizing-Krempel gewohnt ist.

    Und jetzt wird´s angenehm simpel:
    In die header-php fügt man jetzt nur noch irgendwo bei mir im <body>

    PHP
    <div> <img id="background" src="http://www.DeinBlog.xy/DeinHintergrundbild.xy" alt="not found" /> </div>

    ein.
    Wichtig ist dabei die komplette Adresse, weil, sonst nur die Startseite des Blogs das Bild zeigt (hat mich ´ne halbe Stunde gekostet, um darauf zu kommen...:roll: Und gilt übrigens auch für Favicon-Adressen).

    Tja, ick freu´ mir!

    Ansehen kann man sich das auf enerdency.de, auch wenn ich jetzt erstmal ein Bild finden muss, das mir als Auto-Resizing-Background auch wirklich gefällt :wink:.

    Schönen Gruß,
    N°

  • Ist Header-Image Auto-Resizing möglich?

    Tja, schade. Das Bild steht noch nicht, hätte ganz gerne nach oben einen Abschluss für den Background des Posting-Abschnitts.

    Falls Du mein Blog gesehen hast, da läuft praktisch ein Verbandsstreifen vor so ´ner Art "OP-Kacheln" lang (soll´s zumindest darstellen;) ).
    Ich würde mir halt ein Verbands-Päckchen oder sowas per Photoshop basteln, damit das Ganze oben nicht so abgehackt aussieht. Nur müsste das sich halt in der Breite an den Background unten anpassen, d.h. die oberen Ecken müssten auseinanderwandern. Deswegen fällt "repeat" weg...

    Danke für´s schnelle Antworten, btw!
    Bin selbst erst seit knapp 2 Wochen dabei, also falls Ihr Vorschläge habt, ich bin für alles (vor allem das Newbie-aufbereitete :) )dankbar!

    N°

    P.S. Eine Idee wäre, zwei Bilder aussen zu haben, die automatisch rechts und links vom Header-Background (dann "center" und "repeat") blieben... aber ich hab nicht so wirklich Ahnung, wie ich das hinkriege...

  • Ist Header-Image Auto-Resizing möglich?

    Schönen guten Abend, ich hab da mal ´ne Frage:

    Ich würde gerne ein Background-Image, eingebunden über

    PHP
    background: url(images/Bild.jpg) no-repeat center;


    automatisch mit Änderung der Browser-Weite "dehnen".
    Also quasi so wie das allseits beliebte Windows ein Hintergrundbild an die Bildschirmauflösung anpasst. Gibt´s dafür einen Befehl? Oder brauche ich da ein ganzes Skript?

    Schönen Gruß, N°
    http://www.enerdency.de