CSS-Fenster einfliegen

(css und javascript)


mobile_script einfügen:

Doppelklick auf die entsprechende Seite > Attribute > unten auf Attribute und den Haken bei (alle anzeigen setzen) > Standart > mobile_script > code einfügen > ok > ok

<style>

.animateBoxROuter {

width: 300px;

position: absolute; top: 200px;

left:50%; margin-left:-150px;

z-index: 5000; }

.animateBoxR {

width: 300px;

position: relative; right: -3000px;

font-size: 85%;

padding: 24px 12px 24px 12px;

background: #fff;

border: 2px solid #006600;

border-radius: 14px;

</style>


<script type="text/javascript">

$(document).ready(function(){

$('.animateBoxR').delay(3000).animate({left:"0"}, 500);

});

</script>


Quellcode einfügen:

neuer Artikel > Widget > Quellcode > code einfügen > ok

support
Dutch English French German

<div align="center">

<div class="animateBoxROuter">

<div class="animateBoxR">

<div class="closeButton" style="position: absolute; top: 6px; right: 6px; cursor: pointer;"><img src="http://www.zella.de/bilder/close.png" width="30" height="30" border="0" alt="schliessen" title="Infobox schliessen" /></div>


<p><img src="http://www.zella.de/media/images/pferde.jpg" alt=""></p>

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed Lorem ipsum dolor sit amet, consetetur sadipscing elitr<br /><br /><a href="http://www.zella.de/">EIN LINK</a><br />



</div>

</div>

</div>

<script type="text/javascript">

$('.animateBoxROuter').delay(300).animate({'z-index' : '999'});

$('.closeButton').click(function() {

$('.animateBoxR').fadeOut(1000)

});

</script>

Code

schliessen

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed Lorem ipsum dolor sit amet, consetetur sadipscing elitr

EIN LINK