| CAG CheechDogg |
09-25-2013 11:38 AM |
Ok My Man, I think I have the perfect solution for you to add the 2nd background to your site using a png image.
This script here I use it for a vote pop up on my site, but I just changed it a bit and it actually adds a background to the whole page using a 1x1 png image but you can use a full size image as well if its a png one.
You are going to want to add this to your "header" template at the very top before anything else.
Replace the transa.png file with what ever your image's file name is. Remember, this image has to be a png file which is what you want, so you should have no problems here.
Replace the url of the trans.png's with where your file is located at and you should be good to go My Man !
Remember, this is a pop up I use for a vote feature on mysite, so you might have to play with it a little but it should work just like I posted it for you.
GOOD LUCK !
Code:
<!-- Vote Popup -->
<div id="bgbtm">
<script type="text/javascript">// <![CDATA[
function getInternetExplorerVersion()
// Returns the version of Internet Explorer or a -1
// (indicating te use of another browser).
{
var rv = -1; // Return value assumes failure.
if (navigator.appName == 'Microsoft Internet Explorer')
{
var ua = navigator.userAgent;
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null)
rv = parseFloat( RegExp.$1 );
}
return rv;
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function createCookie(name,value,min) {
if (min) {
var date = new Date();
date.setTime(date.getTime()+(min*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
window.onload = function vote_popup() {
var ver = getInternetExplorerVersion();
if(navigator.appName == 'Microsoft Internet Explorer' && ver < 7.0)
{
return;
}
sgvote6 = readCookie('sgvote6');
if (sgvote6 == null) {
document.getElementById('vote_popup').style.display = "block";
}
}
function hide_vote_popup() {
createCookie('sgvote6','yes','1440');
document.getElementById('vote_popup').style.display = "none";
document.getElementById('vote_popup').innerHTML = "";
alert("NO NEED FOR THIS LINE");
};
function hide_voted_popup() {
createCookie('sgvote6','yes','1440');
document.getElementById('vote_popup').style.display = "none";
document.getElementById('vote_popup').innerHTML = "";
alert("NO NEED FOR THIS LINE");
};
// ]]></script>
<div id="vote_popup" style="background: transparent url(http://www.YOURDOMAIN.com/transa.png) repeat scroll 0% 0%; width: 100%; height: 100%; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; color: #f0f0f0; font-size: 9px; text-align: center; z-index: -1; display: none;">
<div style="margin-top: 300px; width: 798px; margin-left: auto; margin-right: auto; display: block;"><span style="color: white; font-size: medium;"> </span> <span style="color: white; font-size: large;"><strong>NO NEED FOR THIS LINE</strong> </span> <br /> <br />
<p><a href="http://www.ADD-A-DOMAIN-TO-MAKE-THIS-CLICKABLE.com/PAT/TO/LINK" target="_new" onclick="hide_voted_popup();"> <img src="http://www.DOMAIN-OF-CLICKABLE-IMAGE-IF-YOU-WANT=INE.com/PATH/TO-IMAGE/IMAGE-FILE-NAME.PNG-OR-JPG" border="0" title="TITLE IF YOU WANT ONE" width="728" height="90" style="border-color:" /> </a><br /> <br /><span onclick="hide_vote_popup();"> <span style="cursor: pointer; font-family: Tahoma; font-size: medium;"> <span style="font-size: medium;">IF YOU USE THIS TO SEND YOUR GUEST TO A ANOTHER PAGE YOU CAN GIVE THEM A SMALL THANK YOU OR FURTHER INSTRUCTIONS HERE</span> </span> </span></p>
</div>
</div>
</div>
|
More Information