The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

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 Previous  1, 2, 3  Next

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 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.



How to make a screen to go to drive consumers to vote for the site. How do to go - Page 2 6552560D
smurfavr
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 December 8th 2013, 1:33 pm

up
smurfavr
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 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
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 December 9th 2013, 5:07 am

I added the code here.

How to make a screen to go to drive consumers to vote for the site. How do to go - Page 2 6833735b


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

Male Posts : 1883
Reputation : 22
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 December 9th 2013, 2:40 pm

No, add here the javascript code! You can put the HTML code anywhere except CSS and Javascript.
Legolas
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 December 9th 2013, 5:59 pm

I did not understand well what you say.
smurfavr
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 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
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 December 9th 2013, 6:21 pm

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

Male Posts : 1883
Reputation : 22
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 December 9th 2013, 6:31 pm

Cookies are set automatically by this javascript. It appears again this box after you click it ?
Legolas
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 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
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 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
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 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
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 TheCrow December 9th 2013, 9:27 pm

yes
TheCrow
TheCrow
Manager
Manager

Male Posts : 6896
Reputation : 794
Language : Greek, English

https://forumote.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 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
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 TheCrow 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>
TheCrow
TheCrow
Manager
Manager

Male Posts : 6896
Reputation : 794
Language : Greek, English

https://forumote.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 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
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 TheCrow 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 
TheCrow
TheCrow
Manager
Manager

Male Posts : 6896
Reputation : 794
Language : Greek, English

https://forumote.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 December 22nd 2013, 9:25 am

up
smurfavr
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 December 23rd 2013, 1:39 am

You could create a widget with the what you want.


How to make a screen to go to drive consumers to vote for the site. How do to go - Page 2 Slgray10

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

Male Posts : 51452
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

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 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
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 December 28th 2013, 11:31 am

Thanks for these information. Great job... :wouhou:
avatar
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 January 3rd 2014, 1:28 pm

up
smurfavr
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 January 4th 2014, 4:48 am

Thanks guys for sharing, its a great help for me..
avatar
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 January 9th 2014, 9:59 pm

up
smurfavr
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 January 10th 2014, 7:59 am

Tbh that's a log in pop up
Help@Bearville
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 January 11th 2014, 2:20 pm

Yes, but does not work properly.
smurfavr
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 March 25th 2014, 11:32 am

up
smurfavr
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 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.


How to make a screen to go to drive consumers to vote for the site. How do to go - Page 2 Slgray10

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

Male Posts : 51452
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

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 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
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
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 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
Pizza Boi
Hyperactive

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

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 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
smurfavr
Active Poster

Male Posts : 1883
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Page 2 of 3 Previous  1, 2, 3  Next

Back to top

- Similar topics

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