- Joined
- Apr 21, 2009
- Messages
- 2
- Reaction score
- 0
Originally Released by Skyger
I will basically explain how to added to a vbul forum
Live Demo:
First Download
2nd Upload/Place the inc folder to your Forum Root Folder
3. Make your way to
Admin Cp ->Styles & Templates ->Style Manager
Choose the skin you want to add the script to
Click the drop down menu that says All Style Options
Choose edit Templates
Look for where it says
Forum Home Templates > Double Click it and wait
After its done Loading Double click FORUMHOME
When its done look for
On top of <body> Copy and paste the place of your header.js file
which would be
or you can also use a link to the js file
For example
Anyway after that look for
Underneath it place this
Congratz u now have popup voting for your Forum!
I will basically explain how to added to a vbul forum
Live Demo:
To view the content, you need to sign in or register
First Download
To view the content, you need to sign in or register
2nd Upload/Place the inc folder to your Forum Root Folder
3. Make your way to
Admin Cp ->Styles & Templates ->Style Manager
Choose the skin you want to add the script to
Click the drop down menu that says All Style Options
Choose edit Templates
Look for where it says
Forum Home Templates > Double Click it and wait
After its done Loading Double click FORUMHOME
When its done look for
PHP:
<body>which would be
PHP:
<script type="text/javascript" src="/inc/header.js"></script>or you can also use a link to the js file
For example
PHP:
<script type="text/javascript" src="http://Ragezone.com/inc/header.js"></script>Anyway after that look for
PHP:
<!-- main -->Underneath it place this
PHP:
<script type='text/javascript'>
var voteImage = new Asset.image('Your image Link');
var voteLinks = ['Your Voting Link.'];
var voteNr = 1;
var hiddenNodes = new Array();
window.addEvent('load', function(){
if(window.ie){
$$('select').each(function(el){
hiddenNodes.push(el);
el.setStyle('visibility', 'hidden');
});
}
var blackLayer = new Element('div', {
'styles': {
'position': 'absolute',
'top': '0px',
'left': '0px',
'width': window.getScrollWidth(),
'height': window.getScrollHeight(),
'background-color': '#000000',
'opacity': 0.7,
'z-index': 99998
}
}).injectInside(document.body);
var voteContainer = new Element('div', {
'styles': {
'position': 'absolute',
'top': ( window.getScrollTop() + ( window.getHeight() - voteImage.height ) / 2 ),
'left': ( window.getScrollLeft() + ( window.getWidth() - voteImage.width ) / 2 ),
'width': voteImage.width,
'background-color': '#000000',
'z-index': 99999
}
}).injectInside(document.body);
var voteLink = new Element('a', {
'href': voteLinks[voteNr - 1],
'target': '_blank'
}).injectInside(voteContainer);
voteImage.setStyle('border', '1px solid #FFFFFF').injectInside(voteLink);
var voteNumber = new Element('div', {
'styles': {
'position': 'absolute',
'top': '0px',
'right': '0px',
'font-size': 14,
'font-weight': 'bold',
'color': '#FFFFFF',
'padding': '5px'
}
}).setText('').injectInside(voteContainer);
var voteAbort = new Element('div', {
'styles': {
'color': '#FFFFFF',
'cursor': 'pointer',
'text-align': 'center'
}
}).setText('Already Voted Today. Close Window [x]').injectInside(voteContainer);
voteAbort.addEvent('click', function(){
createCookie('xdreamermsv', 'xdreamermsv', '10');
if(window.ie) hiddenNodes.each(function(el){ el.setStyle('visibility', ''); });
blackLayer.remove();
voteContainer.remove();
window.removeEvents('scroll').removeEvents('resize');
Garbage.trash([blackLayer, voteContainer]);
});
voteLink.addEvent('click', function(){
createCookie('xdreamermsv', 'xdreamermsv', '720');
voteNr++;
(function(){
if(voteNr > voteLinks.length){
if(window.ie) hiddenNodes.each(function(el){ el.setStyle('visibility', ''); });
blackLayer.remove();
voteContainer.remove();
window.removeEvents('scroll').removeEvents('resize');
Garbage.trash([blackLayer, voteContainer]);
}else{
voteLink.href = voteLinks[voteNr - 1];
voteNumber.setText('Click here to vote');
}
}).delay(10);
});
window.addEvent('scroll', function(){
voteContainer.setStyles({
'top': ( window.getScrollTop() + ( window.getHeight() - voteImage.height ) / 2 ),
'left': ( window.getScrollLeft() + ( window.getWidth() - voteImage.width ) / 2 )
})
});
window.addEvent('resize', function(){
blackLayer.setStyles({
'width': window.getScrollWidth(),
'height': window.getScrollHeight()
});
voteContainer.setStyles({
'top': ( window.getScrollTop() + ( window.getHeight() - voteImage.height ) / 2 ),
'left': ( window.getScrollLeft() + ( window.getWidth() - voteImage.width ) / 2 )
})
});
});</script>Congratz u now have popup voting for your Forum!
