HomeHome  
  • WelcomeWelcome  
  • Events  
  • PublicationsPublications  
  • FAQFAQ  
  • SearchSearch  
  • MemberlistMemberlist  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  
  • You are not connected. Please login or register


    Popup that you can close

    avatar
    • Administrator

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

      Description


      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...
      Code:
      <!--- Subject: "Popup that you can close" - Copyright 2012 by www.fmcodes.com. 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="http://i82.servimg.com/u/f82/11/72/12/47/button12.png"></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)

      Code:
      #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...

      Friendly,
      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 Forumattivo.com

      avatar
      • Manager

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



        avatar
        • ****


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


          YOUR BANNER HERE
          728x90
          DMCA.com Protection Status
          Free forum | © PunBB | Free forum support | Contact | Report an abuse | Free forum