CSS-Fenster beim laden der Seite

(css und javascript)

HIER findet ihr das gleiche Fenster mit anderem Ausblendeffekt

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

CSS-Code anzeigen

<style>

#container{

width:250px;

margin:auto;

padding:1px;

}


p{

margin-bottom:10px;

line-height:24px;

}


h1, h2{

color:#666;

font-size:14px;

margin-bottom:0px;

font-weight:bold;

margin:5px 0;

}


#hover{

position:fixed;

background:#000;

width:100%;

height:100%;

opacity: 0

}


#popup{

position:fixed;

width:180px;

height:95px;

background:#EDEDED;

right:5%;

bottom:50%;

border-radius:2px;

padding:20px 10px;

text-align:center;

border-radius:10px;

border-width:1px;

border-style:solid;

border-color:#ccc;

}


#close{

position:absolute;

background:#EDEDED;

color:999;

right:-15px;

top:-15px;

border-radius:50%;

width:30px;

height:30px;

line-height:30px;

text-align:center;

font-size:10px;

font-weight:bold;

font-family:'Arial Black', Arial, sans-serif;

cursor:pointer;

border-width:1px;

border-style:solid;

border-color:#ccc;

}

</style>

<script>

<!--

$(document).ready(function(){

//chiusura al click sulla parte scura

$("#hover").click(function(){

$(this).fadeOut();

$("#popup").fadeOut();

});

//chiusura al click sul pulsante

$("#close").click(function(){

$("#hover").fadeOut();

$("#popup").fadeOut();

});

});

-->

</script>


Quellcode einfügen:

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

Quelltext anzeigen

<div id="hover"></div>

<div id="popup">

<div id="close">X</div>

<p><strong><span style="color: #808080; font-size: large">INFOFENSTER</span></strong></p>

<p><span style="color: #808080">Hier geht es zum Forum</span></p>

<input type="button" value="Klick mich!" style="color:gray;" onClick="window.location.href='http://community.zeta-producer.com/'" >


Code

support
Dutch English French German