Platz unter dem vertikalen Menü nutzen

  • Mahlzeit


    In einem schon abgeschlossenem Thema war die Frage wegen der Platznutzung unter dem vertikalen Menü.


    Hier eine Antwort von zwoemti:

    Doch der Bereich ist auch nutzbar in dem man in der index.html im Template Ordner sich den Menüeintrag sucht und darunter ein div setzt und dieses gestaltet. Die Menühöhe sollte man dann noch etwas erweitern - die Gestaltung kann dann über css erfolgen. Mit ein paar mehr Angaben wäre dies ohne Probleme möglich.


    Okay...


    Habe die index.html gefunden...


    Was muss ich da nun reinschreiben, damit ich drei Logos mit der jeweiligen Seite verlinken kann?


    Habe zum Beispiel das von der Mundwerkseite rausgesucht.


    Habe da das Menü, dann das schließende div, und da dann den neuen Code rein?


    HTML
    1. </div>
    2. <div id="imContentGraphics"></div>


    Also, vor dem

    HTML
    1. <div id="imContentGraphics"></div>


    bin ich da richtig?


    Und überschreibt sich das nach jedem Hochladen?

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • guckst du da


    Hallo Meister


    Bin da nun wieder in der Version 9.
    Ist wieder was anderes...


    Bin ja ein Chaot, aber das müsstet Ihr schon wissen :)


    Ist ja auch nur mal zum probieren, hätte wieder Idee...

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Hallo


    Bitte um Hilfe.


    Was habe ich verbockt?


    Habe den Code wie beschrieben, unter 1 und erweitert oben eingetragen, scheint auch im Quelltext auf:



    Doch ist nichts zu sehen...
    Hier nur auf die schnelle eine Seite


    Diesen Code habe ich drinnen:


    JavaScript
    1. <script>
    2. $(document).ready(function(){
    3. $('#imMnMn').append('<img src="http://www.rdh-websolutions.at/test/test5/test.jpg"/>');
    4. });
    5. </script>


    Was habe ich bitte falsch gemacht?


    Bild alleine passt, hier zu sehen

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Stichwort = Hintergrundgrafik (Farbe)


    Hallo


    Stehe ich am Schlauch...
    Farbe muß ja egal sein, Grafik müste zu sehen sein. Mache mal weiß.


    Ich kann schon eine Hintergrundgrafik ins Menü einfügen.
    Ich denke aber an drei verschiedene, die verschieden verlinkt werden.


    EDIT


    Habe nochmal gelesen...
    Auf Transparent gesetzt, nun ist es da.... :(


    Warum ????


    Wie kann ich das einstellen, das es auch mit Farbe angezeigt wird, und eventuell etwas mehr Abstand zum Menü hat???


    Bitte um Deine Hilfe.


    Hier der Link

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    Einmal editiert, zuletzt von bernie ()

  • Mach es transparent und du siehst das Bild - weiß ist auch eine Farbe! Mache eine Listenaufzählung und du siehst das Bild auch mit Hintergrundgrafik (Farbe) Denk nicht immer so kompliziert das JS macht nichts weiter als folgendes...

    HTML
    1. index.html seite-1.html seite-2.html seite-3.html x5engine.imQueue.push_init("x5engine.utils.imPreloadImages(['menu/index_h.png','menu/seite-1_h.png','menu/seite-2_h.png','menu/seite-3_h.png','menu/sub.png','menu/sub_h.png','menu/sub_f.png','menu/sub_f_h.png','menu/sub_l.png','menu/sub_l_h.png','menu/sub_m.png','menu/sub_m_h.png','res/imLoad.gif','res/imClose.png'])",false);

    machst du jetzt mit einer Listenaufzählung weiter wird das auch angezeigt da es per CSS schon richtig dargestellt wird...

    HTML
    1. $(document).ready(function(){$('#imMnMn').append('<ul><li><img class="bild" src="http://www.rdh-websolutions.at/test/test5/test.jpg"/>');});

    das bild hat eine klasse....damit kannst du diesem einen Abstand geben...

  • Ist schon spät heute, und zu dumm scheinbar bin ich auch...


    Also, Du schreibst, ich kann dem Bild einen Abstand geben, super. Und eventuell auch einen Link auf andere Seite?


    BITTE....

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Mit dem Links habe ich es rausbekommen, so:

    HTML
    1. <script>
    2. $(document).ready(function(){
    3. $('#imMnMn').append('<ul><li><a href="seite-3.html"><img class="bild" src="http://www.rdh-websolutions.at/test/test5/test.jpg"/></li></ul></a>');
    4. });
    5. </script>



    Und nach unten?

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • das verrate ich dir auch nicht - du bekommst das hin! Hab ich und andere mehrfach angewandt... Na wie stellt man den Abstand ein? Stichwort "Innenabstand - Außenabstand - Ausrichtung" und CSS mehr sag ich nicht... die Klasse siehst du also formatiere sie...sollst ja mal was lernen....

  • Geh...


    margin-top
    margin left



    Aber wooo muß ich das bitte dazuschreiben????


    Geg sags mir bitte, lerne eh so auch immer brav mit :D

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Schönen Abend
    bin schon nur mehr mit Handy sporatisch da...
    Hat heute keinen Sinn mehr.
    Nur mehr Bahnhof.
    Komme in den nächsten Tagen sicher drauf zurück.


    Danke erstmals für die Geduld.

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Danke zwoemti!


    Bist ja doch der beste.


    Was habe ich probiert...will gar nicht aufzählen.


    D A N K E!!!

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup: