I’d like to make an ad similar to this:
http: //forum. notebookreview. com/
(disable adBlock previous to viewing)
Thank you.
The most simple method would be to make a splash page ype with deal, and the ‘skip’ button leads to your actual internet page.
More difficult option is that will reverse the lightbox jQuery plug-in, as well as load the pop-up at pageLoad, then help it become close once a person click the ‘skip’ hyperlink.
3 rd option: make a div having a z-index of a great deal that covers an entire page (and includes the ad), and write jquery in which changes it’s presence to hidden when you click the ‘skip’ hyperlink.
That’s a good idea, the jQuery 1 – I’m not attached to splash pages.
Well the advertisement is simply a splash web page, so you’re planning to hate it anyway.
Best bet will be just jQuery don’t need lamp, just a div that contains the ad as well as code like this
HTML
< div id=" advertisement" > Listing code here < the href=" #" id=" closethead" > Close< /a> < /div>
< script type=" text/javascript" >
$(document). ready(function()
$('#advertisement'). show();
);
$('#closethead'). click(function()
$('advertisement'). hide();
);
< /script>
Just make your z-index something really high for up everything, and there you decide to go, and then once they click close, the idea closes the advertisement.
What he / she said, except We’d use fadeIn and fadeOut to produce it fancier.
Yea we were just using hide/show due to the fact its easy to be aware of whats going with, but yea a fadeIn(100) including a fadeOut(400) would be a really nice touch, though i professionally hate ads.
Yep, especially these varieties. Even worse once they have a timer upon them
Grrr i hate the actual timers, it generally makes me desire to leave the website if there are timers on the idea. I can’t have them. I’d somewhat have integrated advertising, that you can’t even tell these are there then some other ad if thought about to, though i feel no ads is ideal. Though I guess people must make money a number of how.
In a health club like what wikipedia does. They refuse advertising completely, instead consult politely for donations.
Yeah but Wikipedia has dictator editors that will delete anything hi-def agree with. I’m nothing like that…
It may not be going to become an ad just like Google AdSense. It’s going to be a personalized ad. With an image that contributes to one of my personal other websites…
Thank you guys, I’m going to try out some of these types of suggestions.
I decided it could be a bad idea to produce it cover every little thing… but one those ideas that slides down is nice
Wiki seriously isn’t opinion based, there is nothing to agree/disagree with.
I would say go small and remote Maybe 200px by 200px it wont cover everything but might be a nice ad to get. Or even about the side, where them wont cover something, because a use might not exactly even close which but happen to notice it when it moves remote, and wont be annoyed with it and be more prone to click it. We’d have a div about the right or left that slideOut(100) and also slideIn(100) or something such as that. And maybe also make it an integral part of the site, that this user can glide it out and have a contact variety, or registration kind right there.
That’s kind of what I ended up being thinking. Like, after a couple of seconds of them being on the website a little hysterical would slide down through the top of the particular screen. However, it would push the webpage down too then it wouldn’d block anything at all. Then, if they struck Close X it will slide back up and would not come back for the remaining browsing session.
Yea that will take a session cookie and also to implement, give me a couple of hours and sad work something out for you.
Here is usually a nifty little route to do it, I didn’t add session’s to view if the individual had visited previous to, but this really does do it the method that you asked for.
<! doctype html>
< html>
< head>
< title> Slip Down< /title>
< style>
*
extra padding: 0;
margin: 0;
entire body
background-color: WhiteSmoke;
font-family: Tahoma;
div#slidedown
background-color: #333;
levels: 200px;
width: 100%;
border-bottom: 3px strong #666;
div#slidedown h4
colouring: WhiteSmoke;
font-size: 24pt;
extra padding: 20px;
float: left;
div#slidedown a
drift: right;
color: WhiteSmoke;
text-decoration: nothing;
padding: 20px;
div#restofsite
width: 960px;
margin-left: automobile;
margin-right: auto;
background-color: #999;
levels: 500px;
font-size: 34pt;
div#restofsite h4
extra padding: 40px;
< /style>
< /head>
< body>
< div id=" slidedown" >
< h4> MY SPOUSE AND I slide down< /h4>
< the href=" #" class=" closer" > Close up Me< /a>
< /div> <! -- conclusion slidedown -->
< div id=" restofsite" >
< h4> I am the remaining site< /h4>
< /div> <! -- conclusion of resotofsite -->
< script type=" text/javascript" src=" jquery. js" > < /script>
< script> type=" text/javascript" >
$(document). ready(function() // therefore it does this goods on document insert
$('#slidedown'). hide(); //so that its hidden to begin with
$('#slidedown'). delay(3000). slideDown('slow'); //delays 3000 miliseconds and slides down
);
$('. closer'). click(function()
$('#slidedown'). delay(1000). slideUp(800);
);
< /script>
< /body>
< /html>
.