• Administrator

      Reputation : 319
      Registered on : 2012-02-22
      Posts : 2366
      School of codes courses: coming soon
    Popup that you can close


    How to create a pop-up that you can close on request

    Set up

    First, we have to put this code where we want... In a homepage-message, as forum rules, etc...
    <!--- Subject: "Popup that you can close" - Copyright 2012 by All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified code. Distribution is not allowed without written consent from FMCodes---><div id="alert_center" align="center" style="display: block; "><ul id="alert"><li>Content</li></ul><img id="inchide_alert" align="right" onclick="$('#alert_center').hide('slow');" src=""></div>

    Customize the tutorial

    You can edit "Content" with the message you want and if you want to edit the style you can edit this code (To be added in the CSS stylesheet)

    #alert {
    list-style-type: none;
    padding: 5px;
    width: 90%;
    float: center;
    margin: 5px 0px;
    border: 2px solid #401A01;
    background: #765C43;
    color: white;
    text-shadow: 1px 1px 0px black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-image: initial;

    Technical problems

    The tutorial was tested on this forum and with the browser Google Chrome; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your reporting.

    Thanks, the staff
    For every problem or question please, contact us in the section Support for the tutorials, The staff will answer you as soon as it is possible...

    The team of the Forum of Codes.

    Last edited by Niko on Sat May 26, 2012 12:49 pm; edited 1 time in total

    Niko wants you in the team Guest

    Community manager and Administrator at

    • Manager

        Reputation : 20
        Registered on : 2012-04-01
        Posts : 407
      I'd like to see a screen shot of this. ;)

      Popup that you can close 15px10
      • ****

          Reputation : 1
          Registered on : 2013-07-29
          Posts : 56