Originally Released by Skyger
I will basically explain how to added to a vbul forum
Live Demo:
http://bankaistory.net/
First Download
http://www.mediafire.com/?xodzs3xndly
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
PHP Code:
<script type="text/javascript" src="/inc/header.js"></script>
or you can also use a link to the js file
For example
PHP Code:
<script type="text/javascript" src="http://Ragezone.com/inc/header.js"></script>
Anyway after that look for
Underneath it place this
PHP Code:
<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!
Adding Vote Pop up to Vbul Forum
Reply With Quote
Originally Posted by semerjeran
