[CSS TUTORIAL- PROFILE CUSTOMIZATION - GLOW]

Hunty

Anbu Operative 🎭
Veteran
Joined
Feb 23, 2013
Messages
4,589
Reaction score
1,124
[GLOW TUTORIAL]

Go to your AnimeBase profile.
Right-click on one of the boxes (e.g., “Information” or “Profile Posts”) → Inspect Element.
Most of these profile containers use classes like:

  • .block-container

This is the selector you’ll style.






To access the CSS editor for your profile, it will be on the style settings option when you open this window:


You must be registered to see images





There will be several options to choose from. Click the profile style one:



You must be registered to see images








When you are in this tab, scroll all the way to the bottom, and you will see a box called the "CSS editor." The code I have currently is custom for my profile, but you can choose any RGBA color and transparency level you prefer. For further help with that, you can check out this tutorial. [ ]


You must be registered to see images






This CSS code will give the content boxes on your profile a general glow:


Code:
.block-container {
  border-radius: 15px;                     /* rounded corners */
  border: 1px solid rgba(0, 173, 255, 0.5); /* subtle border */
  box-shadow: 0 0 15px 3px rgba(0, 173, 255, 0.7); /* glowing halo */
}

This is the code plugged in and working:
You must be registered to see images






If you want a different color glow, I will show you how to do that as well. We will be referring to the .

When you see a color you like, like this color:



You must be registered to see images


Copy that highlighted information and find this portion of the CSS code, and fill in the new numbers that correspond with the color:


You must be registered to see images


Click save, and it should look like this:



You must be registered to see images




HAPPY PROFILE CUSTOMIZING!
 

Attachments

  • 1756357119393.png
    1756357119393.png
    101.8 KB · Views: 0
Last edited:

Konno

Kage in the Making 👑
Legendary
Joined
Feb 20, 2017
Messages
11,997
Reaction score
753
I've tried this, followed all the directions, but it wouldn't let me do it.
Is it for premium users only?
 
Top