Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Having a slight problem.
Loviotor (New Admin) 9/16/2008 8:25 AM EST : Having a slight problem.

Loviotor
Posts: 152
Posts With Wolves

I have the layout of my guildportal site the way that I want it (almost).  The only issue that I am having is that links in the content boxes only show the background image when they're moused over.

The site link is: http://www.guildportal.com/Guild.aspx?GuildID=141069&TabID=1198898

Here is the CSS:

html, body, div, p, table, td, form, img, h1, h2, h3, h4, h5, h6, input, select {font-family: Verdana,Tahoma,Segoe,sans-serif;font-size: 9pt;}
body {background: #000000 url(http://www.badllama.org/images/boh/background.png) repeat; }
form {padding: 3px;border: none;}
img { border: none; }
hr { color: #C0C0C0; }
.BannerArea {padding: 10px;text-align: center;color: #FFFFFF;font-size: 130%;font-weight: bold;}
.TabBar {margin: 0px;padding: 0px;}
.SelectedTab {background: #000000;color: #FFFFFF;border: solid 1px #333333;border-color: #333333;text-align: center;padding: 0px;}
.UnSelectedTab {background: #000000;color: #FFFFFF;border: solid 1px #333333;text-align: center;cursor: pointer;padding: 0px;}
.UnSelectedTabMo {background: #000000;color: #FFFFFF;border: solid 1px #333333;border-color: #333333;cursor: pointer;text-align: center;padding: 0px;}
.MoGridRow { text-align: left; }
.AltGridRow {background: #000000;color: #FFFFFF;}
.NormGridRow {background: #111111;color: #FFFFFF;}
.ContentBox {background: #333333;border: solid 1px #333333;}
.ContentBoxTitle {padding: 0px;background: #000000;color: #FFFFFF;}
.ContentBoxBody {background: #000000 url(http://www.badllama.org/images/boh/red1.jpg) repeat;color: #FFFFFF;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;}
.StateBar {background: #000000;color: #FFFFFF;text-align: center;padding: 0px;}
.ForumCategoryHeader {background: #000000;color: #FFFFFF;border-width: 1px 1px 1px 1px;border-style: solid;border-color: #333333;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;margin: 1px;}
.MessageAuthorLinkCell1{width: 135px;}
.MessageAuthorInfoCell1{text-align: center;width: 135px;vertical-align: top;}
.ContentBoxTitleNoBackground {color: #FFFFFF;margin-top: 0px;padding-top: 0px;}
A:active {color: #CCCCCC; text-decoration: none;}
A:link {color: #CCCCCC; text-decoration: none;}
A:hover {color: #CCCCCC; text-decoration: underline;}
A:visited {color: #999999; text-decoration: none;}
.toolTipHeader {color: #C0C0C0;font-weight: bold;}
#dhtmltooltip {position: absolute;width: 150px;border: solid 1px white;padding: 3px;background: black;color: white;visibility: hidden;z-index: 100;}
.ltopleft, .ctopleft, .rtopleft { background: url(http://www.badllama.org/images/boh/topleft.gif) no-repeat; height:29px; width:29px; }
.ltoptile, .ctoptile, .rtoptile { background: url(http://www.badllama.org/images/boh/topmid.gif) repeat-x; height:29px; }
.ltopright, .ctopright, .rtopright { background: url(http://www.badllama.org/images/boh/topright.gif) no-repeat; height:29px; width:29px; }
.llefttile, .clefttile, .rlefttile { background: url(http://www.badllama.org/images/boh/left.gif) repeat-y; width:29px; }
.lrighttile, .crighttile, .rrighttile { background: url(http://www.badllama.org/images/boh/right.gif) repeat-y; width:29px; }
.lbottomleft, .cbottomleft, .rbottomleft { background: url(http://www.badllama.org/images/boh/botleft.gif) no-repeat; height:29px; width:29px; }
.lbottomtile, .cbottomtile, .rbottomtile { background: url(http://www.badllama.org/images/boh/botmid.gif) repeat-x; height:29px; }
.lbottomright, .cbottomright, .rbottomright { background: url(http://www.badllama.org/images/boh/botright.gif) no-repeat; height:29px; width:29px; }

I don't have any html in the custom areas, and I have exhausted myself trying to find a similar issue.

Any help would be appreciated.
TopBottom

Mottie (MVP) 9/16/2008 9:26 AM EST : RE: Having a slight problem.
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Loviotor,

Your CSS is working as it should. I'm not sure what you wanted your links to do when you hover over them, but I copied the CSS you already have listed below so you'll know what needs to be edited. "Active" means you're currently clicking on the link, "Link" is what the link looks like untouched, "hover" is when you hover over it and "visited" is the style you see after you've visited a link.
A:active {color: #CCCCCC; text-decoration: none;}
A:link {color: #CCCCCC; text-decoration: none;}
A:hover {color: #CCCCCC; text-decoration: underline;}
A:visited {color: #999999; text-decoration: none;}
TopBottom

Loviotor (New Admin) 9/16/2008 9:48 AM EST : RE: Having a slight problem.

Loviotor
Posts: 152
Posts With Wolves

I found out it's happening in the forums too.  When you mouse over, the background image comes through instead of going to a solid color...  I'm not certain what setting in my css is causing that.
TopBottom

Loviotor (New Admin) 9/16/2008 10:21 AM EST : RE: Having a slight problem.

Loviotor
Posts: 152
Posts With Wolves

Ok, I found the area that was causing the problem.  The code in red is what I had to change.  What I did is remove the specific settings for those 3 areas and it puts the background image in there at all times.  Now I simply need to find the specific settings to have the forums just use different colors so they stand out.


html, body, div, p, table, td, form, img, h1, h2, h3, h4, h5, h6, input, select {font-family: Verdana,Tahoma,Segoe,sans-serif;font-size: 9pt;}
body {background: #000000 url(http://www.badllama.org/images/boh/background.png) repeat; }
form {padding: 3px;border: none;}
img { border: none; }
hr { color: #C0C0C0; }
.BannerArea {padding: 10px;text-align: center;color: #C0C0C0;font-size: 130%;font-weight: bold;}
.TabBar {margin: 0px;padding: 0px;}
.SelectedTab {background: #000000;color: #C0C0C0;border: solid 1px #333333;border-color: #333333;text-align: center;padding: 0px;}
.UnSelectedTab {background: #000000;color: #C0C0C0;border: solid 1px #333333;text-align: center;cursor: pointer;padding: 0px;}
.UnSelectedTabMo {background: #000000;color: #C0C0C0;border: solid 1px #333333;border-color: #333333;cursor: pointer;text-align: center;padding: 0px;}
.MoGridRow {text-align: left; }
.AltGridRow {background: #000000;color: #C0C0C0;}
.NormGridRow {background: #111111;color: #C0C0C0;}

.ContentBox {background: #333333;border: solid 1px #333333;}
.ContentBoxTitle {padding: 0px;background: #000000;color: #C0C0C0;}
.ContentBoxBody {background: #000000 url(http://www.badllama.org/images/boh/red1.jpg) repeat;color: #C0C0C0;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;}
.StateBar {background: #000000;color: #C0C0C0;text-align: center;padding: 0px;}
.ForumCategoryHeader {background: #000000;color: #C0C0C0;border-width: 1px 1px 1px 1px;border-style: solid;border-color: #333333;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;margin: 1px;}
.MessageAuthorLinkCell1{width: 135px;}
.MessageAuthorInfoCell1{text-align: center;width: 135px;vertical-align: top;}
.ContentBoxTitleNoBackground {color: #C0C0C0;margin-top: 0px;padding-top: 0px;}
A:active {color: #CCCCCC; text-decoration: none;}
A:link {color: #CCCCCC; text-decoration: none;}
A:hover {color: #CCCCCC; text-decoration: underline;}
A:visited {color: #999999; text-decoration: none;}
.toolTipHeader {color: #C0C0C0;font-weight: bold;}
#dhtmltooltip {position: absolute;width: 150px;border: solid 1px white;padding: 3px;background: black;color: white;visibility: hidden;z-index: 100;}
.ltopleft, .ctopleft, .rtopleft { background: url(http://www.badllama.org/images/boh/topleft.gif) no-repeat; height:29px; width:29px; }
.ltoptile, .ctoptile, .rtoptile { background: url(http://www.badllama.org/images/boh/topmid.gif) repeat-x; height:29px; }
.ltopright, .ctopright, .rtopright { background: url(http://www.badllama.org/images/boh/topright.gif) no-repeat; height:29px; width:29px; }
.llefttile, .clefttile, .rlefttile { background: url(http://www.badllama.org/images/boh/left.gif) repeat-y; width:29px; }
.lrighttile, .crighttile, .rrighttile { background: url(http://www.badllama.org/images/boh/right.gif) repeat-y; width:29px; }
.lbottomleft, .cbottomleft, .rbottomleft { background: url(http://www.badllama.org/images/boh/botleft.gif) no-repeat; height:29px; width:29px; }
.lbottomtile, .cbottomtile, .rbottomtile { background: url(http://www.badllama.org/images/boh/botmid.gif) repeat-x; height:29px; }
.lbottomright, .cbottomright, .rbottomright { background: url(http://www.badllama.org/images/boh/botright.gif) no-repeat; height:29px; width:29px; }
TopBottom

Mottie (MVP) 9/16/2008 1:51 PM EST : RE: Having a slight problem.
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Read this post for a list of CSS classes that you can change

And this is a master thread for other things you can do with CSS.
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%