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


    Online: From text to image

    avatar
    • Administrator

        Reputation : 315
        Registered on : 2012-02-22
        Posts : 2317
        School of codes courses: coming soon
      Online: From text to image

      Description


      Replace the text "view online members" with an image

      Set up


      First, add this code in your Javascript list

      Code:
      $(function(){
        $('#main-content > div.h3').each(function(){
          $(this).add($(this).nextUntil('br,div')).wrapAll('<div class="bloc_stats" />');
        });
      });

      And paste this CSS code:
      Code:
      .bloc_stats{
        background: url('http://uppix.net/e/7/8/eb3548b07209abd7322c54a95736d.jpg') repeat;
      }

      Customize the tutorial


      You can change the image :)


      Technical problems


      The tutorial was tested on PhpBB3 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


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