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


    Name Glow & Icon next Name

    avatar
    • Veteran staff member

        Reputation : 1
        Registered on : 2012-04-27
        Posts : 39
      Introduction

      Description


      Well it seems since that not many user on forumotion see this tutorial because its kinda hidden so I'm going to post it here to show you how to add icons next to your username and the name glow

      Set up


      ACP>Display>Colors>CSS

      For only posts (not including who posted last)

      Code:
      .name strong a[href="/u#"]{
          padding-left: 13px;
          background: url(imagedirectlink) no-repeat left;}

      For your Forumotion Chatbox

      Code:
      #chatbox_members a[href="/u#"]{
          padding-left: 13px;
          background: url(imagedirectlink) no-repeat left;}

      For the hompage (like in the whos online list)

      Code:
      .gensmall a[href="/u#"]{
          padding-left: 13px;
          background: url(imagedirectlink) no-repeat left;}

      Now for Name glow

      Code:
      a[href="/u1"]{
      text-decoration: none !important;
      background: url("imagelink") !important;
      text-shadow: 0 0 0.20em blue, 0 0 0.20em blue, 0 0 0.20em blue !important;
      }


      Customize the tutorial


      Edit where it says Image link with an Icon

      Demonstration




      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.

      avatar
      • ****


          Reputation : 2
          Registered on : 2012-03-21
          Posts : 86
        Interesting, thank you very much!

        avatar
        • Manager

            Reputation : 20
            Registered on : 2012-04-01
            Posts : 407
          Nice!



          • **


              Reputation : 0
              Registered on : 2012-04-08
              Posts : 20
            Edited


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