• Hallo,

    habe auf meiner Webseite links ein aufklappmenü programmiert.


    Aber wenn man mit der Maus auf das Menü fährt, wird es größer, wie mach ich das, das es das Markus K nicht angezeigt wird und nur noch das Impressum unten dran ist sobalt es offen ist? Und wenn es geschlossen ist sollte nur Markus K ohne Impressum sein

    http://wakestars.onpw.de/

    Wie kann ich das mit einer Abfrage machen?


    Gruß Markus K.

  • Also das erste was mir aufgefallen ist: es wäre gut wenn du den Bereich über den man fahren kann um das Menü zu vergrößern auf den gesamten grauen balken machst.
    Dann sehe ich die Daten für das Impressum immer, sollen die nicht eigentlich erst zu sehen sein wenn das Menü aufgeklappt ist?

    Und jetzt zu deiner Frage:
    Die Lösung ist JavaScript, klingt kompliziert, ist es aber nicht wirklich!^^

    Das ist dann der Code den du in den head setzt wo bis jetzt nur deine Animation ist, dann nimmst du das ganze Impressum raus und gibst der <div> in der bis jetzt Marku K steht die id="ani_impressum" und fertig sollte es sein, du musst natürlich in dem JavaScript noch die html-Formatierungen und so vornehmen.
    Dafür einfach die Variable var text = "Impressum"; ändern.

    Ich hoffe ich konnte helfen!

    MfG

  • Irgendwie blick ich nicht mehr durch.

    Hier hab ich mal den Code, aber was muss ich da ändern check ich irgendwie nicht:

    Einmal editiert, zuletzt von europachat (1. August 2011 um 18:51)

  • Das erste ist dein CSS-Code, den brauchst du gar nicht zu ändern.

    Und dann zu dem was zu ändern ist:

    Jetzt ersetzt du den roten Code durch den den ich gepostet habe.
    In den <div>-tag den ich grün markiert habe packst du die id="ani_impressum" damit das JavaScript die <div> findet.
    Und den blauen Code entfernst du vollständig.

    Dann sieht das ganze so aus:

    Und jetzt musst du nur noch das was rot markiert ist durch das was erscheinen soll wenn das Menü "offen" ist ersetzen(inklusive html-Tags nur den <div>-Tag weglassen.
    Und das grün markierte durch das was erscheinen soll wenn das Menü zu ist.

    MfG

  • Als erstes ist der part falsch:

    Code
    style="position:absolute; bottom:0px; left:6px; width:283px; padding:10px; margin-right:left; margin-bottom:left">


    bei Beiden!

    Und, gerade noch völlig übersehen gehabt. Du musst auf dein einfachen Anführungsstrich ' zurückgreifen, entweder ersetzt du innerhalb von den "" die den Variableninhalt deffinieren alle " durch ' oder du ersetzt einfach den ersten und letzten " durch '
    das würde dann so aussehen:

    Code
    var text = '<b><font size="4" color="#FFFFFF ">M<br>A<br>R<br>K<br>U<br>S<br><br><br>K</font></b>';



    MfG

  • Das untere brauch ich ja eigentlich nicht oder, weil das verwirrt mich bisschen das div ani impressum wenn ich nur den Code von dir reinposte, zeigt es mir aber auch das Impressum nicht an bzw. klappt auch nicht auf. Ich blicke irgendwie noch nicht ganz durch.


    // EDIT: Ich checke nicht ganz, wie das dann richtig aussehen sollte.

    Einmal editiert, zuletzt von europachat (2. August 2011 um 00:27)

  • So, jetzt ist er fertig:

    Der Code ist so fertig und zur Verwendung bereit. Wie es aussieht ist hier zu sehen: http://toms-blog.bplaced.net/filemanager/default.htm

    MfG

    PS: Es geht bestimmt eleganter, aber es funktioniert und das sollte reichen!^^

  • Ja, langsam check ich ihn ;) ist eigentlich gar nicht so schwer, hab mich nur wieder so angestellt. :D

    Wenn man den Browser kleiner macht, zeigt es untereinander mehrere Hintergründe an, wie kann man das deaktivieren das da nur einer angezeigt wird? Hier mal ein Screenshot:

    http://wakestars.onpw.de/images/screen.png



    // EDIT: Ach, mit background-repeat: no-repeat; funktioniert es leider nicht.

    Einmal editiert, zuletzt von europachat (2. August 2011 um 15:13)

  • Ja, weiß schon, aber wie macht das dann z.B. http://ringvemedia.com/ mit dem Hintergrund? So habe ich es bereits versucht:

    PHP
    background-size: content;   &   background-repeat: no-repeat;


    Hab eigentlich schon alles versucht. Will aber nicht so funktionieren so wie ich es möchte.

  • Da ist es gemacht indem er das Bild auf 200% seiner Größe gebracht hat und dann rechts und top bei -50% anfängt wodurch das Bild auf alle Fälle den gesamten bildschirm bedeckt!
    html-Code:

    HTML
    <div id="bg"><div><table cellpadding="0" cellspacing="0"><tr><td><img alt="" src="server//bg.jpg" /></td></tr></table></div></div>


    CSS-Code:

    Code
    #bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
    #bg td{vertical-align:middle;text-align:center}
    #bg img{min-height:50%;min-width:50%;margin:0 auto}


    Dafür sollte das Bild aber eine gute Qualität und hohe Auflösung haben!^^

    MfG