Question

I own a social network and would like the following to appear:

https://i.stack.imgur.com/RmrE0.jpg

Basically a small ‘tip’ box that the user can dismiss by clicking the ‘x’ link if they so wish.

I don’t even know where to begin so any help would be greatly appreciated.

Answer 1

Something simple Like this should do the trick:

HTML:

<div id="tipBox">
    Click <a href="guideURL.html" alt="Guide Link">Here</a> to see a guide to our website. <a href="#" onClick="hideDiv()"> [x] </a>
</div>

Java script:

<script type="text/javascript">
  function hideDiv()
  {
      var div = document.getElementById("tipBox");
  div.style.display = "none";
  }
</script>

Edit as required.