The intent of the yellow box is to highlight the important and typical actions that people will want to do when they visit your profile (send a PM, send a gift, etc.).
The following code is efficient and maintains the feel of the standard design, while allowing you to choose your own colors. Copy and paste it into the "Custom CSS" field of your Profile Skin. Then, substitute your preferred background color for the #ffffff and preferred border color for the #000000. For information on choosing colors and obtaining the code or name for a color, visit the HTML Workshop group.
Here's the code:
.yb .bt, .yb .bt div, .yb .bb, .yb .bb div { background: none; height: auto;}
.yb .i1, .yb .i2 { background: none; padding: 0; }
.yb .i3 {background-color: #ffffff; border: 3px solid #000000; padding: 7px;}
Note (do not copy this note!): If you need to change the color of the text inside the yellow box, add the following rule and change #000000 to your preferred text color.
.yb a, .yb a:link, .yb a:visited { color: #000000; }
Customizing the "Yellow Box" on your profile
posted 6 months ago, updated 7 minutes later
Comments
Log in or sign up to reply.
- 1. 6 months ago Daydreamin wrote:
-
yippee! thank you.
- 2. 6 months ago ggroeller wrote:
-
thanks TB - btw, here's a link to one resource ( among many ) for picking colors: html-color-codes.com
- 3. 6 months ago TestofF8th wrote:
-
.yb .i3 {background: none; border: 3px solid #000000; padding: 7px;}
makes the box transparent

