Buttons

Breite festnageln

Beispiel 1: ohne CSS

Beispiel 2: mit CSS


 

CSS

 

/* Button Breite festnageln */

 

div#cc-m-13856452024 

.j-calltoaction-wrapper.j-calltoaction-align-2 {

    max-width:180px;

    margin: 0 auto !important;

    }

 

EduDip Online Seminare

 

embed iframe
 

fadeIn Element

fadeInSlow-widget

<strong>fadeInSlow-widget</strong>

<div class="popup" style="display: none;">

    <a href="https://twitter.com/redesignberlin" target="_blank" title="http://www.redesign-berlin.de/"><img style="position:absolute; margin:50px 25px; line-height: 1.5;" src=

    "https://u.jimdo.com/www400/o/sbcfc830c2d85c206/img/i5e380bb23fc41f37/1439267915/thumb/image.png" alt="" width="32" height="32" /></a>

</div>

<div style="margin-bottom:400px">

    <a href="https://twitter.com/redesignberlin" target="_self" title="Twitter-Test">...der twitter-Knopf kommt gleich! Aber nur, wenn Du mal richtig runter scrollst!</a>

</div>

 

<script type="text/javascript">

//<![CDATA[

window.onscroll = function()    {

    if( window.XMLHttpRequest ) {

        if (document.documentElement.scrollTop > 250 || self.pageYOffset > 800) {

            $('.popup').fadeIn("slow");

        }

        else if (document.documentElement.scrollTop < 250 || self.pageYOffset < 800) {

            $('.popup').fadeOut("slow");

        }

    }

}

//]]>

</script>