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


    Add a message in the footer

    avatar
    • Administrator

        Reputation : 315
        Registered on : 2012-02-22
        Posts : 2362
        School of codes courses: coming soon
      Add a message in the footer

      Description


      Add a message in the footer with CSS

      Set up


      This is a special resource! We will use an hidden tag called "mixpanel" and works on this html code:<
      Code:
      <div id="mixpanel" style="visibility: hidden; "></div>

      Go to the CSS stylesheet (in the ACPanel) and paste this code:
      Code:
      #mixpanel {
      background: url(LINKIMAGE);
      visibility: visible!important;
      width: Xpx;
      height: Xpx;
      background-repeat: no-repeat;
      margin-top: 20px;
      margin-bottom: 10px;
      margin-left: auto;
      margin-right: auto;
      }


      Customize the tutorial



      You have just to change 'LINKIMAGE' with the link of the image you want to have as background and edit width/height with the sizes of the image you have added.

      Demonstration




      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.



      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 already knew how to do this. :P



        avatar
        • Veteran staff member

            Reputation : 19
            Registered on : 2012-04-05
            Posts : 77
          Why add an inline style attribute: style="visibility: hidden; "
          Then do visibility: visible!important in the css?

          Just don't put the style attribute...

          avatar
          • I'm a new member :)


              Reputation : 0
              Registered on : 2012-12-02
              Posts : 8
            i didn't get it where do i copy this code?

            Code:
            <div id="mixpanel" style="visibility: hidden; "></div>


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