The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to make a screen to go to drive consumers to vote for the site. How do to go

Page 2 of 3 Previous  1, 2, 3  Next

View previous topic View next topic Go down

In progress How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on September 12th 2013, 4:21 am

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.




smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down


In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on December 8th 2013, 1:33 pm

up

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by Legolas on December 8th 2013, 4:30 pm

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 });
  }); 
});

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on December 9th 2013, 5:07 am

I added the code here.




Once you've voted for the site, the window should be hidden for 24 hours, but it persists.

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by Legolas on December 9th 2013, 2:40 pm

No, add here the javascript code! You can put the HTML code anywhere except CSS and Javascript.

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on December 9th 2013, 5:59 pm

I did not understand well what you say.

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by Legolas on December 9th 2013, 6:17 pm

@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 });
 });
});

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on December 9th 2013, 6:21 pm

I add the code you gave me.How to set cookies.?

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by Legolas on December 9th 2013, 6:31 pm

Cookies are set automatically by this javascript. It appears again this box after you click it ?

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on December 9th 2013, 6:51 pm

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.

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by Legolas on December 9th 2013, 8:13 pm

With other words:
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.

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on December 9th 2013, 9:19 pm

This code at the bottom I add in overall_header ?
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

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by Luffy on December 9th 2013, 9:27 pm

yes






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on December 9th 2013, 9:37 pm

I tried it and after voting, the window did not hide.Here's a link to my site to check.

http://smurfa.bulgarianforum.net/

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by Luffy on December 9th 2013, 9:52 pm

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>






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on December 9th 2013, 10:03 pm

I added code so but it does not hide the window after voting.

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>

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by Luffy on December 9th 2013, 10:06 pm

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! Razz






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on December 22nd 2013, 9:25 am

up

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by SLGray on December 23rd 2013, 1:39 am

You could create a widget with the what you want.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35652
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on December 24th 2013, 7:20 am

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.

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by philip12 on December 28th 2013, 11:31 am

Thanks for these information. Great job...:wouhou:

philip12
New Member

Posts : 3
Reputation : 1
Language : english

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on January 3rd 2014, 1:28 pm

up

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by philip12 on January 4th 2014, 4:48 am

Thanks guys for sharing, its a great help for me..

philip12
New Member

Posts : 3
Reputation : 1
Language : english

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on January 9th 2014, 9:59 pm

up

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by Help@Bearville on January 10th 2014, 7:59 am

Tbh that's a log in pop up

Help@Bearville
Forumember

Female Posts : 57
Reputation : 1
Language : English Afrikaans And Zulu

http://www.bearvillesuperhero.com

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on January 11th 2014, 2:20 pm

Yes, but does not work properly.

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on March 25th 2014, 11:32 am

up

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by SLGray on March 25th 2014, 9:06 pm

Have you tried contacting the staff on the forum where you got the idea of this from? Maybe they could help you.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35652
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on March 26th 2014, 1:43 pm

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 &amp; 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 &amp; 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>

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by Pizza Boi on March 26th 2014, 2:50 pm

Hi Very Happy

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 &amp; 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 &amp; 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 Smile .

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

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: How to make a screen to go to drive consumers to vote for the site. How do to go

Post by smurfavr on March 26th 2014, 3:20 pm

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.

smurfavr
Active Poster

Male Posts : 1384
Reputation : 9
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Page 2 of 3 Previous  1, 2, 3  Next

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum