jdskinnerI started a website to host a selection of my short stories and essays but I'd like to include a small CSS popup that provides a terms of service agreement for accessing these pages. The wordpress.org site (of which I am not a part of and cannot migrate for another six weeks or so) has plenty of widget options, but I'd like to start updating my site with content and I feel a non-invasive CSS popup would be appropriate.
This is the code I decided to go with:
<body onload="popup('popUpDiv')">
#blanket {
background-color:#111;
opacity: 0.65;
*background:none;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background:url(pop-back.jpg) no-repeat;
width:400px;
height:400px;
border:5px solid #000;
z-index: 9002;
}
<!--[if gte IE 5]> #blanket {filter:alpha(opacity=65);}<![endif]-->
<div id="blanket" style="display:none;"></div>
<div id="popUpDiv" style="display:none;">
By clicking "Accept," you agree that...
"This is where the property goes"
_______
My extensive knowledge in web design and coding comes from a computer science 101 course in which I got a C. I know it's a mix of HTML and CSS, but is it possible to code that into the frontpage of my site or, even better, into the pages specific to my intellectual property?
To see what this page looks like, visit: http://jakedskinner.com/temp/
The blog I need help with is jakedskinner.com.
ansia07
