Borders Around All Panles ( New Rounded Code )

Don Von Alpha Dom
by Don Von Alpha Dom · 3 posts
12 years ago in General
Posted 12 years ago · Author
Replace ffffff with the hex value of the color you want.
Here is a hex color calculator to help you out: https://www.imvumafias.org/generators/he ... lator.html

Replace 'solid' with the the style of border you want. Here is a list of styles you can choose from:
dotted - Defines a dotted border
dashed - Defines a dashed border
solid - Defines a solid border
double - Defines two borders. The width of the two borders are the same as the border-width value
groove - Defines a 3D grooved border. The effect depends on the border-color value
ridge - Defines a 3D ridged border. The effect depends on the border-color value
inset - Defines a 3D inset border. The effect depends on the border-color value
outset - Defines a 3D outset border. The effect depends on the border-color value

Replace 10px with how thick you want your boarder to be. If you are using rounded boarders, then we do not suggest lower than 10px.

You only need one of the following codes; replace hex color, thickness, and boarder style as desired:

Straight borders:

Code
<style>
#aboutme_panel, #ad_panel, #badges_panel, #blog_panel, #contact_panel, #cool_panel, #dev_panel, #friends_panel, #gallery_panel, #groups_panel, #messages_panel, #outfits_panel, #rankings_panel, #room_panel, #rss_panel, #special_panel, #stickers_panel, #tagcloud_panel, #url_panel, #video_panel, #visitors_panel, #wishlist_panel {
   border:10px solid #ffffff;
}
</style>


Rounded borders:

Code
<style>
#aboutme_panel, #ad_panel, #badges_panel, #blog_panel, #contact_panel, #cool_panel, #dev_panel, #friends_panel, #gallery_panel, #groups_panel, #messages_panel, #outfits_panel, #rankings_panel, #room_panel, #rss_panel, #special_panel, #stickers_panel, #tagcloud_panel, #url_panel, #video_panel, #visitors_panel, #wishlist_panel {
   border:10px solid white;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-top-right-radius: 20px;
   border-top-left-radius: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
}
</style>
Posted 12 years ago · Author
heathersboy17 wrote:
lol yet again, another reason i should start useing CSS xD


Actually, the code was a failure.
Once you get out of testing mode in IE, the panels are no longer rounded. >.<
Stupid IMVU inc did not set up their meta tags right, so it is throwing off IE filters...
I am going to have to do a major workaround if the rounded corners are going to work in IE.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in

Already have an account? Sign in here

SIGN IN NOW

Create an account

Sign up for a new account in our community. It's easy!

REGISTER A NEW ACCOUNT