fraNNNta-Design

Bine a-ti venit pe fraNNNta-Design
conectarecreaza cont



Tutorial: HTML+ JS -> Spot Reclame.

Distribuiţi
BaxAndrei OnlineOffline
avatar
fondator
Respect : 100%
Mesaje : 246
Inscris : 28/07/2013

biggri Tutorial: HTML+ JS -> Spot Reclame.

Mesaj Scris de BaxAndrei la data de Dum Aug 17, 2014 7:44 pm

DEMO: http://www.frannnta-design.com/h69-

Acest cod este facut de mine si editat cu anumite chesti cautate pe net in asa fel incat sa fie perfect functional si sa nu poata fi sters in nici un fel fara acces filezilla.

Acesta este codul HTML:

Cod:
<script type="text/javascript">
var textarray = [
 '<a href="http://bx.freeiz.com//trafic" target="_blank"><img src="http://likeme-likeyou.com/promo/banner.png" alt="Like me? Like YOU! Get FREE Facebook Likes, Fans, Followers, Tweets" border="0" /></a>',
 '<a href="http://forum.hartexcraft.meximas.com/"><img src="http://forum.hartexcraft.meximas.com/styles/hartexcraft/imageset/site_logo.png" alt="" title=""></a>',
 '<a href="http://hostinger.ro" onClick=this.href="http://bx.freeiz.com//w014setmqsnep2uhf8w"><img src="http://bx.freeiz.com//imagini/bs7yrhqrt68wldmq5aeu.gif" alt="Găzduire Gratuită" border="0" width="728" height="90" /></a>',
 '<a href="http://00webhost.com" onClick=this.href="http://www.000webhost.com/666120.html"><img src="http://bx.freeiz.com//imagini/v4nzltwt9wach7l85ueu.gif" alt="Web hosting" width="468" height="60" border="0" /></a>',
 ];

function RndText() {
  var rannum= Math.floor(Math.random()*textarray.length);
  document.getElementById('reclama').innerHTML=textarray[rannum];
}
onload = function() { RndText(); }
var inter = setInterval(function() { RndText(); }, 10000);

</script>

<style>

div#reclama:hover {
opacity: 1;
}

div#reclama {
position: fixed;
bottom: 0;
right: 0;
opacity: 0.5;
}

</style>

<div id="reclama"></div>

Sau daca folositi PHP va recomand acest cod, facut tot de mine care este folosit la momentul de fata pe http://bx.freeiz.com/ :

Cod:
<? $reclamarand = rand(0,9999999999); ?>

<script type="text/javascript">
var textarray = [
 '<a href="http://bx.freeiz.com//trafic" target="_blank"><img src="http://likeme-likeyou.com/promo/banner.png" alt="Like me? Like YOU! Get FREE Facebook Likes, Fans, Followers, Tweets" border="0" /></a>',
 '<a href="http://forum.hartexcraft.meximas.com/"><img src="http://forum.hartexcraft.meximas.com/styles/hartexcraft/imageset/site_logo.png" alt="" title=""></a>',
 '<a href="http://hostinger.ro" onClick=this.href="http://bx.freeiz.com//w014setmqsnep2uhf8w"><img src="http://bx.freeiz.com//imagini/bs7yrhqrt68wldmq5aeu.gif" alt="Găzduire Gratuită" border="0" width="728" height="90" /></a>',
 '<a href="http://00webhost.com" onClick=this.href="http://www.000webhost.com/666120.html"><img src="http://bx.freeiz.com//imagini/v4nzltwt9wach7l85ueu.gif" alt="Web hosting" width="468" height="60" border="0" /></a>',
 ];

function RndText() {
  var rannum= Math.floor(Math.random()*textarray.length);
  document.getElementById('reclama<? echo $reclamarand ?>').innerHTML=textarray[rannum];
}
onload = function() { RndText(); }
var inter = setInterval(function() { RndText(); }, 10000);

</script>

<style>

div#reclama<? echo $reclamarand ?>:hover {
opacity: 1;
}

div#reclama<? echo $reclamarand ?> {
position: fixed;
bottom: 0;
right: 0;
opacity: 0.5;
}

</style>

<div id="reclama<? echo $reclamarand ?>"></div>

Sper sa va placa codul. Singura diferenta intre cel HTML si cel PHP este ca daca userul are un client de javascript-uri instalat in chrome nu poate face reclama php sa dispara pentru ca genereaza automat un numar random, iar AdBlock+ nu poate bloca nici una dintre cele 2 modele. Singura conditie este ca imaginea sa fie uploadata pe un server public gen HostImage care nu este recunoscut de AdBlock ca fiin reclama si va merge. Din pacate cel HTML poate fi blocat manual de userul cu adblock, dar cel PHP nu. Pentru nelamurir nu ezitati sa ma contactati.

DEMO: http://www.frannnta-design.com/h69-


Ultima editare efectuata de catre AndreiG. in Dum Aug 17, 2014 7:58 pm, editata de 1 ori


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
mr.franta OnlineOffline
avatar
fondator
Respect : 100%
Mesaje : 3979
Inscris : 18/06/2011

biggri Re: Tutorial: HTML+ JS -> Spot Reclame.

Mesaj Scris de mr.franta la data de Dum Aug 17, 2014 7:50 pm

Eu am inteles despre ce este vorba Andrei dar te rog adaug un demo sau print screen alfel risti ca cei necunoscatori sa nu isi dea interesul pentru munca ta.


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
BaxAndrei OnlineOffline
avatar
fondator
Respect : 100%
Mesaje : 246
Inscris : 28/07/2013

biggri Re: Tutorial: HTML+ JS -> Spot Reclame.

Mesaj Scris de BaxAndrei la data de Dum Aug 17, 2014 7:57 pm

Gata


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
mr.franta OnlineOffline
avatar
fondator
Respect : 100%
Mesaje : 3979
Inscris : 18/06/2011

biggri Re: Tutorial: HTML+ JS -> Spot Reclame.

Mesaj Scris de mr.franta la data de Dum Aug 17, 2014 8:07 pm

Reclamele apar jos in dreapta paginii.


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
Aditzu. OnlineOffline
avatar
administator
Respect : 100%
Mesaje : 1263
Inscris : 21/10/2012

biggri Re: Tutorial: HTML+ JS -> Spot Reclame.

Mesaj Scris de Aditzu. la data de Dum Aug 17, 2014 8:10 pm

interesant. nu prea am inteles linia
Cod:
var inter = setInterval(function() { RndText(); }, 10000);
dar merge



Ajut utilizatori ForumGratuit cu probleme legate de (scripturi,coduri,widgeturi,forum) tot ceea ce trebuie sa faci este sa dai un mesaj privat Aici


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
BaxAndrei OnlineOffline
avatar
fondator
Respect : 100%
Mesaje : 246
Inscris : 28/07/2013

biggri Re: Tutorial: HTML+ JS -> Spot Reclame.

Mesaj Scris de BaxAndrei la data de Dum Aug 17, 2014 8:12 pm

@Aditzu. a scris:interesant. nu prea am inteles linia
Cod:
var inter = setInterval(function() { RndText(); }, 10000);
dar merge

La fiecare 10 secunde se schimba reclama.


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
Aditzu. OnlineOffline
avatar
administator
Respect : 100%
Mesaje : 1263
Inscris : 21/10/2012

biggri Re: Tutorial: HTML+ JS -> Spot Reclame.

Mesaj Scris de Aditzu. la data de Dum Aug 17, 2014 8:52 pm

AndreiG. a scris:
@Aditzu. a scris:interesant. nu prea am inteles linia
Cod:
var inter = setInterval(function() { RndText(); }, 10000);
dar merge

La fiecare 10 secunde se schimba reclama.

scuze greseala mea nu am fost atent am dat pe demo si nu am stat 10 secunde sa`mi dau seama daca se schimba sau nu si am crezut ca este null acolo  :S 



Ajut utilizatori ForumGratuit cu probleme legate de (scripturi,coduri,widgeturi,forum) tot ceea ce trebuie sa faci este sa dai un mesaj privat Aici


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
Continut sponsorizat OnlineOffline

biggri Re: Tutorial: HTML+ JS -> Spot Reclame.

Mesaj Scris de Continut sponsorizat



Sus

    Acum este: Mier Noi 21, 2018 8:41 am