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


    Hover Group phpbb3

    avatar
    • **


        Reputation : 1
        Registered on : 2012-04-02
        Posts : 18



      follow the following steps: step 1: remove brackets
      Code:


      #page-body #main-content em{
        visibility: hidden;
        font-size: 4px !important;
      }

      #page-body #main-content em b{
        visibility: visible !important;
        font-size: 12px !important;
      }

      #page-body #main-content em b{
      position: relative !important;
      right: 5px;

      step 2: Customizing the moderators, add border

      Code:
      #i_whosonline + p br + br + em a {
      background-image: linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
      background-image: -o-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
      background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
      background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
      background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.3, rgb(235,235,235)),
         color-stop(0.83, rgb(255,255,255))
      ); 
        padding: 5px;
        border: 1px solid #c9c9c9;
        border-radius: 5px;border: 1px solid white;box-shadow: 0px 0px 2px  black;

      }
      step 3: Add hover
      Code:


      #i_whosonline + p br + br + em  a:hover {
      background-image: linear-gradient(bottom, rgb(255,255,255) 14%, rgb(227,227,227) 79%);
      background-image: -o-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(227,227,227) 79%);
      background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(227,227,227) 79%);
      background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(227,227,227) 79%);
      background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(227,227,227) 79%);

      background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.14, rgb(255,255,255)),
         color-stop(0.79, rgb(227,227,227))
      );
        padding: 5px;
        border: 1px solid green;


        border-radius: 5px;border: 1px solid white;box-shadow: 0px 0px 3px  #0768C2;
      }


      The codes you enter in the Pa/Display/Colors/Style Sheet CSS


      Tutorial made by Sabin ;x (from Romania) for FM CODES

      avatar
      • Administrator

          Reputation : 315
          Registered on : 2012-02-22
          Posts : 2317
          School of codes courses: coming soon
        Thanks :zen:
        But can you use the layout for tutorials? Thanks! :Good:



        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