Logografik im Layout Lime

    Hallo Leute,
    ich möchte gerne die Logografik in Lime stark vergrößert nutzen aber verhindern das diese die erstellten Texte nach unten verschiebt.
    Am anfang dachte ich es handelt sich um einen fehler in ZP10, da im ZP10-Editor die darstellung des Logos so ist wie es mir vorschwebt, aber nachdem ich mit dem Support gesprochen hatte war klar es ist kein fehler. Leider besitze ich keinerlei kenntnisse in HTML daher hat man mir geraten es hier im Forum zu versuchen....
    Im grunde möchte ich die Logografik als Hintergrundgrafik nutzen ohne das diese die Texte usw. verschiebt, wär echt klasse wenn einer von euch "Zeta-Heads" weiß wie ich das problem lösen kann :)
    Habe zwei Screenshots angehangen der Screenshot "darstellung_im_editor" stellt das logo quasi als Hintergrundgrafik dar, so würde ich es gerne nutzen.

    MfG Hans

    Hallo Hans,

    wenn ich dich soweit richtig verstanden habe, möchtest du die Grafik so gross habe, wie in deinem Bild "Darstellung im Editor"?
    Nur dann halt ohne diesen weissen Balken wo "Herzlich willkommen" drinsteht, sondern das die ganze logografik zu sehen ist.

    Das liegt zum daran das der Bereich wo diese drin steht eine feste png. grafik ist, siehe hier > Darstellungsprobleme Layout Lime

    Das heisst du müsstest diese Grafik mit einem Programm wie z.b. IrfanView oder Photoshop so über arbeiten das dies als transparente png.grafik dann erzeugt wird.

    Dann hättest du diesen weissen "Streifen" weg und die Logografik wäre ganz sichtbar.

    Hoffe, das ich dich soweit richtig verstanden habe und du mit dem Tip was anfangen kannst.

    Gruß
    Jochen

    Gruß
    Jochen

    Sorry Jochen,
    aber das hast du leider falsch verstanden bzw. zum teil :) - der Weiße Balken ist nicht mehr mein problem das hatte ja, dank deiner ausführlichen Anleitung, wunderbar geklappt!

    Ich werde versuchen es etwas genauer zu erklären:

    Also ich möchte die Logografik so groß haben wie in Screenshot "darstellung_im_editor" , aber ich möchte die Logografik auch hinter dem Text sehen und nicht das die Logografik den Text nach unten schiebt so wie es im Screenshot "darstellung_im_Browser" der fall ist. Habe aber nochmal einen Screenshot angehangen der den Unterschied etwas deutlicher zeigt....

    Hallo Hans,

    hmmm..... und sorry, aber da fällt mir gerade nichts weiteres dazu ein.

    Evtl. könnte man was in der styles.css daran machen, aber was wüsste ich jetzt gerade auch nicht.

    Vielleicht hat jemand anderes aus dem Forum noch ein Idee dazu.....

    Gruß
    Jochen

    Gruß
    Jochen

    Hallo Hans,

    du musst folgende Änderungen vornehmen:

    1.) In Projects\Dein_Projekt\Layouts\Kopie von Lime\templates\default.html musst du nach dem <span id="logo">.......</span> <div class="clearx"></div> einfügen.


    2.) Weiters musst du Einträge in der Projects\Dein_Projekt\Layouts\Kopie von Lime\_media\styles.css vornehmen bzw. ändern, bei:

    #content_wrapper {
    z-index: 1000;
    }

    einfügen und bei

    #logo {
    float: none;
    z-index: 100;
    }

    ändern bzw. hinzufügen.

    Anschließend auf geänderte Vorlagen prüfen gehen und Projekt neu erstellen (alternativ Layout Wechseln und Rückwechseln und dann Projekt nochmals erstellen).

    Gruß Robert

    P.S. Alle Änderungen erfolgen auf eigene Gefahr

    Also Leute ich habe das jetzt mal auf die schnelle in einem standard Lime geändert hat alles super geklappt, Logo wird hinter den Texten dargestellt und der PC ist auch nicht abgeraucht.... :thumbup:

    Ich werde jetzt mal ne Kopie von meinem eigentlichen Webprojekt machen, die änderungen erneut vornehmen und das in den gänginen Browsern Testen ob es da irgendwelche Probleme gibt, aber ich denke das wird schon.

    Und nun vielen lieben Dank an dich Robert das du dir die Zeit genommen hast eine Lösung für mein Problem zufinden, echt Toll :)

    Leider habe ich doch noch ein problem gefunden , was durch die änderungen von Robert hervorgerufen wird :(

    Letztens hatte ich hier den link zu http://www.css4you.de/ im Forum entdeckt, und mich selbst an ein paar kleinen änderungen versucht dies hat auch ganz gut geklappt, nix hochtreibendes habe lediglich die position der "Sidebar" geändert!

    Als ich dann aber ein paar Bilder mit der Bildershowfunktion von ZP eingebunden habe und auf eines der Bilder klickte, wurde die Bildershow aufgerufen aber leider überlagern die Texte des Hauptbereiches nun die Bilder.
    Erst dachte ich das es durch meine änderungen hervorgerufen wird und habe alle änderungen schritt für schritt zurück gebaut und konnte das problem schliesslich isolieren und es eindeutig den oben(Roberts Post) aufgeführten änderungen zuweisen.

    Es kann durchaus sein das ich bei den eintragungen die Robert oben genannt hat einen fehler gemacht habe, glaube dies aber weniger da die ausführung wirklich gut und genau erklärt war.

    Hallo Hans,

    es ist nicht direkt ein Fehler. Der z-index beschreibt wie weit oben das jeweilige Element liegt. Die neuen Formatierungen mittels <div>-tags ersetzen die früheren Aufbauten mit Frames und Tabellen. Da ich einen hohen z-index angegeben habe liegt das Logo natürlich weit vorne. Man müsste sich nun die genaue Reihenfolge ansehen, so dass die Bildershow wieder als vorderstes Element angeführt wird.

    Vielleicht würde es helfen, wenn man im Bereich der Bildergalerie einen weiteren höheren z-index platziert (siehe unten)

    /***** BILDERGALERIE *****/
    .galerie {
    margin: 0;
    padding: 15px 0 0 0;
    border-style: none;
    background: transparent;
    z-index: 2000;
    }

    Gruß Robert

    Hallo Robert,

    erstmal danke für die kleine z-index einführung :) , soweit war ich nämlich noch nicht in die Materie eingestiegen....

    Aber leider scheint es nicht daran, oder nicht nur daran zu liegen. Habe den Wert des z-index bis auf 100k erhöht aber die Texte befinden sich immer noch vor der Bildershow, hast du noch eine Idee woran es liegen könnte?

    MfG Hans

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden