Logo über Header hinaus

  • wenn du ein paar Minuten Geduld hast, kommt eine iwzip wo du es dir anschauen kannst. ;-)

  • Ohne Geduld würde ich keine Website erstellen können. ;)
    Danke schon mal
    LG Moniwuff

    --------------------------------------------------------
    :S Wer nicht fragt, bleibt dumm. :/
    X5 Vers. 13 professionell, Windows 8 - 64 bit,

  • Ach du liebe Güte!! Wenn ich das Bildchen genauer angesehen hätte, hätte ich es erkennen müssen. Danke Zoemti.
    LG Moniwuff

    --------------------------------------------------------
    :S Wer nicht fragt, bleibt dumm. :/
    X5 Vers. 13 professionell, Windows 8 - 64 bit,

  • Du hattest recht. Es soll neben das Logo. Aber ich schau mir dein Werk mal an. Gibt bestimmt einiges, was ich neu lerne.
    LG

    --------------------------------------------------------
    :S Wer nicht fragt, bleibt dumm. :/
    X5 Vers. 13 professionell, Windows 8 - 64 bit,

  • Jetzt schaut euch das an! Alles wie geschmiert! Genau so sollte es sein - bisher. Das einzige, was jetzt noch fehlt, sind die Menü-Button. Nicht die Worte (Willkommen, Appartement, Umgebung etc.), sondern ein durchgehender antrazitfarbener Strich unter den Worten, der bei Mauskontakt hellgrün wird, wenn der Menüpunkt angewählt wird und dunkelgrün bei aktiver Seite. Es ist so auf der Werbeseite, die ich hoch geladen habe. Hier nochmal der Link.
    http://editor.wix.com/html/edi…k&lang=de#!umgebung/c1xaa
    Aber was ist das? Online ist es noch nicht optimal. Da steht auch noch irgend etwas von dem HTML-Code.
    Nicht verzagen! Bisher ging doch noch alles gut.
    Hier der Link von meiner Seite: http://my-photo-world.net/Lunares/Appartment/index.html
    LG

    --------------------------------------------------------
    :S Wer nicht fragt, bleibt dumm. :/
    X5 Vers. 13 professionell, Windows 8 - 64 bit,

    2 Mal editiert, zuletzt von moniwuff ()

  • na es wird doch...


    du hast da noch Code vom ausprobieren drin stehen :

    HTML
    1. <script>
    2. $(document).ready(function() {
    3. $('<img src="files/logo_unofficial_klein.png" style="margin-left:-30px;margin-top:25px; "/>').appendTo('#imHeader');
    4. </script>


    Das musst du rausnehmen.
    Der Code für Rahmen/Schatten ist doppelt drinnen!!!! Was sollen die Punkte davor??? (siehe Anhang)

  • sorry, vergessen....


    Menü: du musst jeweils eine transparente Grafik anlegen mit einem Strich in gewünschter Farbe und Stärke. Die musst du dann bei den Einstellungen fürs Hauptmenü entsprechend als Hintergrund hinterlegen. Grafiken so breit machen, wie du es bei den Menüeinstellungen eingestellt hast.

  • und vor allem den style tag VOR DEM HTML entfernen! (Schritt 4 Seo und Code)


    Wenn du von hier Code kopierst dann NICHT mit den Zeilennummern davor. Es gibt extra einen Button zum kopieren



    Das musst du nochmal ändern. Dein Quelltext zeigt sonderzeichen



    @Labelle auch für dich



  • @VIlko S. geht aber wenn einmal eingerichtet besser über Menügrafiken direkt beim Hauptmenü. Dein Weg ist wieder Handarbeit durch erstellen von jedem einzelnen Button mit Text. Geht aber natürlich auch. Letztendlich ist es auch zwecks Menütext sinnvoller es nicht im Header mit Bildern zu machen.

  • @zwoemti, da hast sicher recht. Mann weist davon nie genug und ich gehöre dazu. Wenn Probleme gibst, Versuche sie einfach auf mein art und weise lösen manchmal gelinkt und auch manchmal nicht, deswegen ist das hier sicher besser als bei Answer weil ist ziemlich schnell eine Lösung für Problem auf den Tisch.

  • zwoemti: ich weiß das, hatte gedacht, andere wissen das auch ;). Also ich meine, dass die Zeilennummern entfernt werden müssen. Bin leider meistens sehr in Eile, gelobe aber Besserung ;)

  • Einfach einen antrazitfarbenen Strich als Hintergrundgrafik im Menü erstellen
    Und als Mouseover Bild dann den kurzen hellgrünen und bei aktiv dann dunkelgrün einstellen bei den Menübuttons.


    Mein Problem ist, wenn ich einen Strich als png erstelle, und ihn als Hintergrundbild im Header einsetze, ist er viel zu dick, obwohl er nur 1Px breit ist, und läßt sich auch nicht schmaler machen. Nur kürzer. Ansonsten habe ich deine Anleitung gut verstanden.
    LG

    --------------------------------------------------------
    :S Wer nicht fragt, bleibt dumm. :/
    X5 Vers. 13 professionell, Windows 8 - 64 bit,

    Einmal editiert, zuletzt von MoniW ()

  • Du musst natürlich die Größe des png so groß wie der Button ist machen (z.B. 80px) aber der Strich dafür nur 3 px !

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • Ich hab ja nicht Header gesagt...Menühintergrund ist gewählt. Der sollte natürlich dort auch reinpassen.


    So könnte man vorgehene:


    Webseite Screenshot machen
    Bild in Bildverarbeitungsprogramm mit Ebenen
    Ebene mit dem Bild erstellen
    neue Ebene Strich erstellen (Anthrazit)
    Größe anpassen
    neue Ebene
    Bild erstellt für mouseover Größe musst du ableiten aus der Buttongröße (steht im preview Ordner unter menu)


    Ebenen als Bild exportieren....