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
<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
EIN LINK