How to make a screen to go to drive consumers to vote for the site. How do to go
+7
Legolas
romanzo
gangstar16
erchima
SLGray
Ikerepc
smurfavr
11 posters
Page 2 of 3
Page 2 of 3 • 1, 2, 3
How to make a screen to go to drive consumers to vote for the site. How do to go
First topic message reminder :
How to make a screen to go to drive consumers to vote for the site.
How do to go
I want to show a window like this one which is pictured.This is the window for voting for the site.
How to make a screen to go to drive consumers to vote for the site.
How do to go
I want to show a window like this one which is pictured.This is the window for voting for the site.
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
You have to setup cookies for this, hope this is working.
Make a new javascript code and tick all pages adding this code:
Make a new javascript code and tick all pages adding this code:
- Code:
$(document).ready(function(){
var check_cookie = $.cookie('votes');
if(check_cookie == null){
$('.popup').css('display','block');
}
});
$(function(){
$('.popup').click(function(){
$('.popup').css('display','none');
$.cookie('votes', '1', { expires: 1 });
});
});
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
I added the code here.
Once you've voted for the site, the window should be hidden for 24 hours, but it persists.
Once you've voted for the site, the window should be hidden for 24 hours, but it persists.
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
No, add here the javascript code! You can put the HTML code anywhere except CSS and Javascript.
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
I did not understand well what you say.
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
Legolas wrote:You have to setup cookies for this, hope this is working.
Make a new javascript code and tick all pages adding this code:
- Code:
$(document).ready(function(){
var check_cookie = $.cookie('votes');
if(check_cookie == null){
$('.popup').css('display','block');
}
});
$(function(){
$('.popup').click(function(){
$('.popup').css('display','none');
$.cookie('votes', '1', { expires: 1 });
});
});
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
I add the code you gave me.How to set cookies.?
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
Cookies are set automatically by this javascript. It appears again this box after you click it ?
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
I want some user clicks on the window it disappears for 24 hours and then again appear.In this window there is a link that by pressing the voting site in Bulgarian ranking of sites.You can vote only one time of 24 hours.
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
With other words:
Add this to your overall_header template (ACP ~> Display ~> Templates ~> General)
Add this to your CSS Stylesheet:
And add this to your Javascript codes (ACP ~> Modules ~> Javascript codes management ~> Make a new JS code:
Put any title.
Tick all pages.
Enter this code in the big box:
And, yes, it's automatically setted to appear again in 24hours, if i am right.
Add this to your overall_header template (ACP ~> Display ~> Templates ~> General)
- Code:
<div class="popup" style="center:0px;">
<a href="*LINK HERE*"><img src="*IMAGE URL HERE*" border="0"></a>
</div>
Add this to your CSS Stylesheet:
- Code:
.popup {
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
}
And add this to your Javascript codes (ACP ~> Modules ~> Javascript codes management ~> Make a new JS code:
Put any title.
Tick all pages.
Enter this code in the big box:
- Code:
$(document).ready(function(){
var check_cookie = $.cookie('votes');
if(check_cookie == null){
$('.popup').css('display','block');
}
});
$(function(){
$('.popup').click(function(){
$('.popup').css('display','none');
$.cookie('votes', '1', { expires: 1 });
});
});
And, yes, it's automatically setted to appear again in 24hours, if i am right.
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
This code at the bottom I add in overall_header ?
Where exactly should I put it. Can you show me.
Where exactly should I put it. Can you show me.
- Code:
<div class="popup" style="center:0px;">[color=#2e8b57][size=1][font=Courier, CourierNew, sans-serif][/font][/size][/color]
<a href="*LINK HERE*"><img src="*IMAGE URL HERE*" border="0"></a> [color=#2e8b57][size=1][font=Courier, CourierNew, sans-serif][/font][/size][/color]
</div>
Last edited by smurfavr on December 9th 2013, 9:27 pm; edited 1 time in total
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
I tried it and after voting, the window did not hide.Here's a link to my site to check.
http://smurfa.bulgarianforum.net/
http://smurfa.bulgarianforum.net/
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
it probably do that because of a small mistake of the code! i think.. try adding this to overall header
- Code:
<div class="popup" style="center:0px;">
<a href="*LINK HERE*"><img src="*IMAGE URL HERE*" border="0" /></a>
</div>
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
I added code so but it does not hide the window after voting.
http://smurfa.bulgarianforum.net/
http://smurfa.bulgarianforum.net/
- Code:
<div class="popup" style="center:0px;">
<a href="http://bgtop.net/vote/1301663796"><img src="http://i58.servimg.com/u/f58/16/34/78/03/bgtop11.png" border="0" /></a>
</div>
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
The code has some problems because i tried it also and it is the same with me also and to me it appears too much width!
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
You could create a widget with the what you want.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
I did as I was told in other posts but after voting window does not disappear.When a user has voted window to hide for 24 hours.
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
Thanks for these information. Great job...
philip12- New Member
- Posts : 3
Reputation : 1
Language : english
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
Thanks guys for sharing, its a great help for me..
philip12- New Member
- Posts : 3
Reputation : 1
Language : english
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
Tbh that's a log in pop up
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
Yes, but does not work properly.
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
Have you tried contacting the staff on the forum where you got the idea of this from? Maybe they could help you.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
They gave me the code but I can not I put it as a widget.
- Code:
<script src="pop.js" tppabs="pop.js"></script>
<!--[if lte IE 6]>
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
<!--[if lte IE 6]>
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
<table id="topbar" align="center" style="position:absolute; opacity:0.9;filter:alpha(opacity=90); margin-left:633px;border: 0px solid black; padding: 0px; width: 330px; visibility: hidden; z-index:20;">
<tr bgcolor=""><td align="left" width="32"><a href="javascript:;" onClick="closebar(); return false" onClick="window.status=\'\'; return true;" onClick="window.status=\'\';">
<img src="close.png" tppabs="bgtop.png" border="0" width="16" height="16" style="opacity:1;filter:alpha(opacity=100);"></a></td></tr>
<tr><td colspan="3"><center>
<a href="http://bgtop.net/vote/1204021827" target="_blank" onClick="closebar();"><img src="bgtop.png" border="0"></a><br>
</center></td></tr>
</table>
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
Hi
Try putting this portion instead in a widget:
And this in the Javascript:
Then, once you save the Javascript, put the script source in the widget so the widget should have a format like:
If it doesn't work, you can just ask if they can put it for you .
You can also just put it in the ACP < Generals < Configuration < Login popup message or whatever its called (Just try though, not sure if it works)
Note: Solutions I posted have not been tested due to slowness of internet that disabled me from accessing my test forum.
Regards,
Pizza Boi
Try putting this portion instead in a widget:
- Code:
<table id="topbar" align="center" style="position:absolute; opacity:0.9;filter:alpha(opacity=90); margin-left:633px;border: 0px solid black; padding: 0px; width: 330px; visibility: hidden; z-index:20;">
<tr bgcolor=""><td align="left" width="32"><a href="javascript:;" onClick="closebar(); return false" onClick="window.status=\'\'; return true;" onClick="window.status=\'\';">
<img src="close.png" tppabs="bgtop.png" border="0" width="16" height="16" style="opacity:1;filter:alpha(opacity=100);"></a></td></tr>
<tr><td colspan="3"><center>
<a href="http://bgtop.net/vote/1204021827" target="_blank" onClick="closebar();"><img src="bgtop.png" border="0"></a><br>
</center></td></tr>
</table>
And this in the Javascript:
- Code:
<script src="pop.js" tppabs="pop.js"></script>
<!--[if lte IE 6]>
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
<!--[if lte IE 6]>
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
Then, once you save the Javascript, put the script source in the widget so the widget should have a format like:
- Code:
<script src="LINK OF THE JAVASCRIPT YOU SAVED"></script>
<table id="topbar" align="center" style="position:absolute; opacity:0.9;filter:alpha(opacity=90); margin-left:633px;border: 0px solid black; padding: 0px; width: 330px; visibility: hidden; z-index:20;">
<tr bgcolor=""><td align="left" width="32"><a href="javascript:;" onClick="closebar(); return false" onClick="window.status=\'\'; return true;" onClick="window.status=\'\';">
<img src="close.png" tppabs="bgtop.png" border="0" width="16" height="16" style="opacity:1;filter:alpha(opacity=100);"></a></td></tr>
<tr><td colspan="3"><center>
<a href="http://bgtop.net/vote/1204021827" target="_blank" onClick="closebar();"><img src="bgtop.png" border="0"></a><br>
</center></td></tr>
</table>
If it doesn't work, you can just ask if they can put it for you .
You can also just put it in the ACP < Generals < Configuration < Login popup message or whatever its called (Just try though, not sure if it works)
Note: Solutions I posted have not been tested due to slowness of internet that disabled me from accessing my test forum.
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: How to make a screen to go to drive consumers to vote for the site. How do to go
First code put it as a widget. Second code put it in Javascript. I did not understand with the last code what to do with it.
Page 2 of 3 • 1, 2, 3
Similar topics
» How to make the forum screen fit to the PC screen?
» How do you make pictures of your choice float down the screen? And, how do you make the gender signs?
» can you vote my site:) pls
» Vote for us (site)
» White Screen Site
» How do you make pictures of your choice float down the screen? And, how do you make the gender signs?
» can you vote my site:) pls
» Vote for us (site)
» White Screen Site
Page 2 of 3
Permissions in this forum:
You cannot reply to topics in this forum