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


    Light on hover profile

    avatar
    • Administrator

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

      avatar
      • *****


          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

        avatar
        • Administrator

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

          avatar
          • Manager

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



            avatar
            • **


                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.

              avatar
              • ***


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

                avatar
                • I'm a new member :)


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

                  avatar
                  • **


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


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