Beiträge von Helpstar24

    Hallo @rudi83 ,

    ich habe mir das Ganze angeschaut. Du möchtest eine alte Schriftrolle (wie noch aus dem Mittelalter) quasie runter aufrollen lassen. Und dann erscheint Text und Video? Richtig?

    Ich würde dir Folgendes raten.

    Diese Rolle besteht aus 2 Div Ebenen

    HTML
    <div id="rolle">
    <p>Dein Text</p>
     <div id="rolle_boden"></div>
    </div>

    id="rolle" soll von der Höhe her dynamisch erstellt werden. D.h., egal wie viel Text eingebaut wird, die Rolle passt sich dementsprechend an.
    In dem Fall einfach in der CSS Datei das Height: weglassen.

    id="rolle_boden" besteht aus einer gif Animation. Alternativ auch ein Bild. Diese Ebene befindet sich ganz unten.

    Damit die Rolle auch beim Scrollen zu sehen ist, kannst du es mit position:fixed fixieren.

    Animationen wie "fallen lassen" kriegt man ganz einfach mit jquery oder mit CSS3 hin :) Ist super einfach:
    http://www.w3schools.com/cssref/tryit.a…ycss3_animation

    hey helpstar

    ich hab mir grad deine seite angeschaut und ich finde es cool wie du alles erklären willst und mit bilder.würde mich freuen wenn du weitermachen würdest. thx

    Nett von dir.

    Bezieht sich das "weitermachen" noch auf die Seite http://www.helpstar24.de ?(Homepage selbst erstellen - Anleitung)
    Wir machen da auf jeden Fall weiter. Wir haben schon 3 weitere Themen fertig und lassen diese noch prüfen.

    Ich gucke mir das heute noch mal an. Und berichte. Bin auch beruflich unterwegs :D Daher nicht immer answesned.
    Du bist aber auch in der Lage zu programmieren? Also du kannst schon HTML CSS? Richtig?

    Weil diese Animationen sind eigentlich recht easy hinzukriegen ; - )

    Wie schon oben erwähnt. Es wäre sinnvoll nicht mit festen Größen zu arbeiten ;)


    Du gibst jeder Div Ebene eine Width: von 100%. Wenn du 2 Nebeneinander haben möchtest,
    teilst du die 100% durch 2 also 50 % mal 50%.

    Beim Live Minimieren des Webbrowsers wirst du dann feststellen, dass die Box Ebene sich dann anpassen tut.

    Bzgl. deines Background Problems: Das hier könnte dir aber vielleicht helfen ;)

    Code
    .imageBoximage4 {width:100%; min-height:992px;  position:relative;  text-align:center;}
    .imageBoximage4 { background-position:center; backgound-size:cover; float:left;} 
    .imageBoximage4 {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
    .imageBoximage4 {background: url(images/background3.jpg) no-repeat center center fixed;}


    HTML
    <div class="imageBoximage4"></div>

    oder alternativ:


    HTML
    <div><img src="bilder/background.jpg" width="100%"></div>


    Allerdings dann ohne das CSS


    Mit:

    Code
    /* for 1000px or less */
    @media screen and (max-width: 100px) {
    .imageBoximage4       {width:50%}
    
    
    }

    media screen wirst du auch Vieles erreichen können. Probier's einfach aus.

    Hallo rudi83,

    hast du schon ein Grundgerüst?

    Animationen könntest du gut mit CSS3 oder mit jquery hinkriegen.
    Auch das sanfte Erscheinen eines Bildes, wie auch das Runterklappen
    einer Ebene ist mit jquery realisierbar.

    Alternativ könntest du auch mit Gif Animationen arbeiten.
    Das ließe sich mit einem Bildbearbeitungsprogramm gut hinkriegen.

    Wobei auch eine Flashanimation sinnvoll wäre :) Dafür benötigst du eben
    Adobe Flash oder Swish.