Skip to content

Instantly share code, notes, and snippets.

@richardbenson
Created February 8, 2012 16:06
Show Gist options
  • Save richardbenson/1770742 to your computer and use it in GitHub Desktop.
Save richardbenson/1770742 to your computer and use it in GitHub Desktop.
YAMS pop-in
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="jquery.cookie.js"></script>
<div id="other-yams">
<div id="oy-close">X</div>
<h3>Got the right YAMS?</h3>
<div id="oy-text">This is the site for YAMS, a tool to make running your own Minecraft server as easy as possible.<br />
Looking to play on the family friendly public Minecraft server "<a href="http://www.darrenstraight.com/minecraft.php" target="_blank">Yet Another Minecraft Server</a>"?</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
if($.cookie("otheryams") !== "dismissed") {
$("#other-yams").delay(4000).css({bottom:-91}).animate({bottom:0},{duration: 1500});
$('#oy-close').click(function() {
$("#other-yams").css({bottom:0}).animate({bottom:-91},{duration: 1000});
$.cookie("otheryams", "dismissed", { expires: 90 });
});
}
});
</script>
#other-yams { position: fixed; bottom: -91px; right: 0; background-color: #fff; border: 1px solid #ccc; height: 90px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; }
#other-yams h3 { -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; }
#other-yams #oy-text { margin: 0 10px 10px 10px; }
#other-yams #oy-close { float: right; padding: 7px; color: #fff; font-weight: bold; cursor: pointer; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment