HomeMottie's Help SiteResourcesSupport Tickets
Sign Up! • Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > css problems with custom boxes
Lord Trist (New Admin) 4/8/2011 2:43 PM EST : css problems with custom boxes link
Lord Trist
Posts: 907
Zomgawsh Poster
Hello ive recently added custom widget box borders to my center boxes *thanks to mottie* but ive had a couple of problems it seems that i cant get my bottom corner images to appear if anyone can help it would be greatly appreciated, also how can i get rid of the red outline around all the boxes?

here is my website
thedark.sithportal.com

and here is the CSS for the boxes ive played around with the sizes and things a lil but to no avail

.CenterContentZone .topleft { background: url(http://i1141.photobucket.com/albums/n595/usmcnov10/topleftcorner.png) 0px top no-repeat; height: 61px; width: 95px; }
.CenterContentZone .toptile { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/TopTitle.png) left top repeat-x; height: 53px; }
.CenterContentZone .topright { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/toprightcorner.png) 0px top no-repeat; height: 62px; width: 61px; }
.CenterContentZone .lefttile { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/LeftSide.png) left top repeat-y; width: 15px; }
.CenterContentZone .righttile { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/RightSide.png)  right top repeat-y; width: 15px; }
.CenterContentZone .bottomleft { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomLeftCorner.png)  no-repeat; height: 15px; width: 15px; }
.CenterContentZone .bottomtile { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomBorder.png) left  repeat-x; height: 1px; }
.CenterContentZone .bottomright { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomRightCorner.png) no-repeat; height: 15px; width: 15px; }


haha an more problems theres like a red box going over my boxes where the box title is *the text* is there a way to get rid of it?
Top • Bottom

Mottie (MVP) 4/9/2011 10:24 AM EST : RE: css problems with custom boxes link
GuildPortal MVP
Mottie
Posts: 3873
Zomgawsh Poster
Greetings Lord Trist!

The image sizes don't match the height and width set in the css above. So I took the liberty of adjusting them the best that I could. The bottom left corner looks a bit off because the left tile is only 9px wide and I think it's meant to be 11px wide. Replace the css above with this (it will replace the content box borders in all three zones, so you can remove the left and right zone css):
.topleft {background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/topleftcorner.png) 0 0 no-repeat;height:61px;width:100px;}
.toptile{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/TopTitle.png)  0 0 repeat-x;height:61px;}
.topright{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/toprightcorner.png) 0 0 no-repeat;height:61px;width:61px;}
.lefttile{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/LeftSide.png) 0 0 repeat-y;width:9px;}
.lefttop, .righttop { width: 11px; }
.righttile{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/RightSide.png) right 0 repeat-y;width:11px;}
.bottomleft{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomLeftCorner.png) left bottom no-repeat;height:31px;width:34px;}
.bottomtile{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomBorder.png) center bottom repeat-x;height:7px;}
.bottomright{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomRightCorner.png) right bottom no-repeat;height:31px;width:39px;}
.ContentBox table { empty-cells: show; }
.ContentBoxTitle{font-weight:700;background-color:#900;color:#FFF;background:url();text-align:left;padding:0;}
>>help-site<<
Top • Bottom

Lord Trist (New Admin) 4/9/2011 6:25 PM EST : RE: css problems with custom boxes link
Lord Trist
Posts: 907
Zomgawsh Poster
ohhh thank you again mottie
Top • Bottom

Admins Online
There are   members online.
GuildPortal Home • Frequently Asked Questions • Videos • Recent Updates • Support • Terms of Use • Privacy Policy
GuildPortal™ Axiom Shift, LLC.  All Rights Reserved. All game-related trademarks are properties of their respective owners. Several adorable monkeys were harmed during the creation of this site, and for that, we are wholly unapologetic.
So-and-so has logged on!
%title%
%message%