Sabin ;x
  • **


      Reputation : 1
      Registered on : 2012-04-02
      Posts : 18
    Hover Group phpbb3 Prev211


    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

    Niko
    • Administrator

        Reputation : 319
        Registered on : 2012-02-22
        Posts : 2366
        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