Voting Reminder script/code
Since the force votes sucks in my opinion, I decided to just make a in-client message asking you to vote. It'll disappear within 20 seconds or you can just click -close- to close it.
This code is horribly put together as I did it in like 10 minutes, but it's effective and it looks cool :3
To get this to show in your browser simply make a file named "taco.php" for example and paste the code I provided in it and save it in either your root folder or into your skin folder, whichever you please. After that fo to client.php and do a include i.e: <?php include ('taco.php');?> I use require, but it doesn't matter.
You'll have to edit the code a little bit to get it to go with your retro and your voting url.
Code:
Code:
<!--If you have any questions please contact me on Facebook @ fb.me/jacob.lucado
Kay, bye :3-->
<style>
#ac-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,.6);
z-index: 99999999;
}
#popup{
width: 432px;
height: 236px;
background: url('http://i.imgur.com/vJFqaah.png');
background-repeat:no-repeat:
border: 5px solid #000;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
box-shadow: #64686e 0px 0px 3px 3px;
-moz-box-shadow: #64686e 0px 0px 3px 3px;
-webkit-box-shadow: #64686e 0px 0px 3px 3px;
position: relative;
top: 150px; left: 475px;
}
.well
{
min-height:20px;
padding:19px;
margin-bottom:20px;
background: url('http://i.imgur.com/uJ4mqe8.png');
border:1px solid #e3e3e3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote
{
border-color:#ddd;
border-color:rgba(0, 0, 0, 0.15);
}
.well-large
{
padding:24px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.well-small
{
padding:9px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
</style>
<script type="text/javascript">
function PopUp(hideOrshow) {
if (hideOrshow == 'hide') document.getElementById('ac-wrapper').style.display = "none";
else document.getElementById('ac-wrapper').removeAttribute('style');
}
</script>
<script>
window.onload = function () {
setTimeout(function () {
PopUp('hide');
}, 10000);
}
</script>
</head>
<div id="ac-wrapper">
<div id="popup">
<center>
<br /><br /><br />
<h3>Please support us by clicking that vote button, :)</h3>
<br />
<a href="https://findretros.com/rankings/vote/HotelZinc" target="blank"><img src="http://i.imgur.com/FWzsV7P.png"></a>
<br /><br />
<div onClick="PopUp('hide')" />Click <u><b>here</b></u> to close now, or wait for it to close itself.</div>
</center>
</div>
</div>
</div>
Outcome:
http://i.imgur.com/kj6hntx.png
Full client image:
Here
I'm serious, this code... It's horrible but some people may want to use it or alter it.
Negative comments are welcome, I just love being bitched at by people who have nothing better to.
Also, many people ask me how to get objects to show over-top the client (which I don't understand how that is difficult...) Since this does exactly that, people can alter the code all that they wish to fit their needs.
Live preview: Here
PS: The 'box' is just an image.
Re: Voting Reminder script/code
hope to see more releases from you.
I really like it and I think i'm gonna use it :)
#edit :
the "Click here to close now..." part is not working for me.
Re: Voting Reminder script/code
Quote:
Originally Posted by
Cankiee
hope to see more releases from you.
I really like it and I think i'm gonna use it :)
#edit :
the "Click here to close now..." part is not working for me.
Thanks for the positive feedback, I hope to release things more often then I used to.
-edit
It depends on the browser you are using. It doesn't support I.E I know that much.
You can add onClick="PopUp('hide')" onto one of the divs so you can just click somewhere on the box to close it, or just wait for the 15 seconds.