Hallo Freunde,
habe es nun endlich geschafft mir etwas funktionierendes zusammen zu basteln!
Falls es da draußen einige von euch auch Nutzen wollen, werde ich hier alles posten.
Und liebe Profi Programmierer bitte habt Verständnis wenn ich im Script Fehler habe.
Wie gesagt ich habe es mir zusammen gebastelt. Das Ergebnis jedoch hat mich befriedigt.
so das erste habe ich bei mir unter main_content.html ziemlich weit oben eingefügt.
templates/euer template/module/main_content.html
<!--*****EDIT THIS MESSAGE*****-->
<div id="sponsorAdDiv" style="visibility:hidden;">
<a onclick="closeAd();" style="margin-left:30px;">
<img src="../../../images/x.png" /></a>
</div>
<!--*****EDIT THE ABOVE MESSAGE*****-->
Der nächste schritt war die im Stylesheets an einer x beliebigen stelle platzieren.
templates/euer template/stylesheet.css
#sponsorAdDiv{
position:fixed;
z-index: 100;
left: auto;
top: auto;
width: 800px;
height: 578px;
color: black;
visibility: hidden;
background-image: url(../../images/angebot.png);
overflow: auto;
}
Nun zum Letzten schritt, da javascript, dies fügt ihr bei euch unter javascript/generals.js.php ein
<SCRIPT type="text/javascript">
adTime=6; // seconds ad reminder is shown
chanceAd=50; // ad will be shown 1 in X times (put 1 for everytime)
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);
adCount=0;
function initAd(){
if(!ns && !ie && !w3) return;
if(ie) adDiv=eval('document.all.sponsorAdDiv.style');
else if(ns) adDiv=eval('document.layers["sponsorAdDiv"]');
else if(w3) adDiv=eval('document.getElementById("sponsorAdDiv").style');
randAd=Math.ceil(Math.random()*chanceAd);
if (ie||w3)
adDiv.visibility="visible";
else
adDiv.visibility ="show";
if(randAd==1) showAd();
}
function showAd(){
adCount+=1;
if (ie){documentWidth =document.body.offsetWidth/2+document.body.scrollLeft-20;
documentHeight =document.body.offsetHeight/2+document.body.scrollTop-20;}
else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;
documentHeight=window.innerHeight/2+window.pageYOffset-20;}
else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;
documentHeight=self.innerHeight/2+window.pageYOffset-20;}
adDiv.left=documentWidth-200;adDiv.top =documentHeight-200;
}
function closeAd(){
if (ie||w3)
adDiv.display="none";
else
adDiv.visibility ="hide";
}
onload=initAd;
//End-->
</script>
dann müsst ihr natürlich noch das Bild das ihr wollt unter images ablegen.
und dann Funktioniert das auch schon.
selbst müsst ihr erstellen,
einmal euer Angebot oder was ihr halt wollt,
und einen kleinen x Button.
Hier muss ich euch auch noch sagen, am besten vorher sicherheits Backup machen.
Sicher ist sicher.
Viel Spaß und freue mich auf Anregungen und Korrekturen.
P.S.
vielleicht weis jemand ja wie man es schafft das der Hintergrund bisschen verdunkelt wird. wie beim Lightbox?
Diese Einstellung von mir ist immer nur auf der Startseite.
so sieht das dann bei mir aus. siehe anhang!