Niko
  • Administrator

      Reputation : 319
      Registered on : 2012-02-22
      Posts : 2366
      School of codes courses: coming soon
    Light on hover profile

    Description


    Using this tutorial when you pass hover the profile it will light

    Set up


    It is very easy... You have just to put this code in your CSS (ACP > Display > Images and Colors > CSS):

    Code:
    <!--- Subject: "Light on Hover profile" - 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---!>
    .postprofile {
    opacity: 0.2;
    -htm-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 5ms;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

    .postprofile:hover  {
    opacity: 1;
    }


    Customize the tutorial


    You can edit the attribute >Opacity: putting values from 0.1 to 1 that decides the "quantity" of opacity

    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

    SoulGeneralBlack
    • *****


        Reputation : 1
        Registered on : 2012-05-25
        Posts : 150
      dindt work and i copy all the code but nothing Crazy maybe is an error thanks for the code yes

      Niko
      • Administrator

          Reputation : 319
          Registered on : 2012-02-22
          Posts : 2366
          School of codes courses: coming soon
        @SoulGeneralBlack wrote:dindt work and i copy all the code but nothing Crazy maybe is an error thanks for the code yes
        This code works on PhpBB3 :D (tested)



        Niko wants you in the team Guest

        Community manager and Administrator at Forumattivo.com

        Nick
        • Manager

            Reputation : 20
            Registered on : 2012-04-01
            Posts : 407
          Good code.



          Light on hover profile 15px10
          slg
          • **


              Reputation : 1
              Registered on : 2012-03-30
              Posts : 10
            If you are adding the code to your CSS, the copyright notice needs to be removed.

            kostaskiller
            • ***


                Reputation : 2
                Registered on : 2012-07-06
                Posts : 33
              yes

              clerigz
              • I'm a new member :)


                  Reputation : 0
                  Registered on : 2012-11-22
                  Posts : 1
                sir i need a code for this in phpbb2

                puppycheese
                • **


                    Reputation : 1
                    Registered on : 2013-08-31
                    Posts : 14
                    LG
                  thanks