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! > Tab Buttons Flashing
Qutho (New Admin) 9/10/2007 10:33 AM EST : Tab Buttons Flashing link
Qutho
Posts: 32
Becoming Adept!
I am having problems getting my Tab Buttons to work with my Custom StyleSheet.  For some reason when you hover over any part of the button the background and border disappear.  When you hover over the text then it is underlined.  I want the underlined text on hover but I don't want the button to disappear.  Is there a way to fix this?

My Site

Thanks!

Q
Top • Bottom

~Dealla~ (Guild Admin) 9/11/2007 9:19 AM EST : RE: Tab Buttons Flashing link

~Dealla~
Posts: 701
Zomgawsh Poster
Could you post what you are using in the custom CSS?

Top • Bottom

Qutho (New Admin) 9/12/2007 3:45 AM EST : RE: Tab Buttons Flashing link
Qutho
Posts: 32
Becoming Adept!
I copied this from another site that I was a member of for awhile and I noticed that they also have the same problem.


TD
{
    FONT-FAMILY: Helvetica;
    FONT-SIZE: 9pt;
}

BODY {
SCROLLBAR-BASE-COLOR: #666666;
SCROLLBAR-ARROW-COLOR: #660000;
BACKGROUND-IMAGE: url('/CEXPLORER/THEMES/BURGUNDYRHAPSODY/IMAGES/RED112.JPG');
BACKGROUND-COLOR: #000000;
FONT-FAMILY: Helvetica;
FONT-SIZE: 9pt;
}

.SelectedTab {
BACKGROUND-COLOR: #000000;
COLOR: #660000;
BORDER-WIDTH: 1px 1px 1px 1px;
BORDER-STYLE: solid;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
BORDER-COLOR: #cccccc;
TEXT-ALIGN: CENTER;
PADDING: 2px 2px 2px 2px;
SPACING: 0px 0px 0px 0px;
}

.UnSelectedTab {
BACKGROUND-COLOR: #000000;
COLOR: #ffffff;
BORDER-WIDTH: 1px 1px 1px 1px;
BORDER-STYLE: solid;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
TEXT-ALIGN: CENTER;
BORDER-COLOR: #cccccc;
PADDING: 2px 2px 2px 2px;
SPACING: 0px 0px 0px 0px;
}

.AltGridRow {
BACKGROUND-COLOR: #000000;
COLOR: #ffffff;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
}

.NormGridRow {
BACKGROUND-COLOR: #000000;
COLOR: #ffffff;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
}

.ContentBox {
BACKGROUND-COLOR: #000000;
BORDER-WIDTH: 1px 1px 1px 1px;
BORDER-STYLE: solid;
PADDING-TOP: 0px;
MARGIN-TOP: 0px;
BORDER-COLOR: #cccccc;
}



.ContentBoxTitle {
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    MARGIN-TOP: 0px;
    PADDING-TOP: 0px;
    BORDER-TOP: 0px;
    BACKGROUND-COLOR: #000000;
    COLOR: #ffffff;
    FONT-SIZE: 18pt;
    FONT-FAMILY: serif;
        FONT-STYLE: oblique;
}

.ContentBoxBody {
BACKGROUND-COLOR: #000000;
COLOR: #cccccc;
PADDING-LEFT: 5px;
PADDING-RIGHT: 5px;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
}

A:active
{
COLOR: #ffffff; text-decoration: none
}

A:link
{
COLOR: #ffffff; text-decoration: none
}

A:visited
{
COLOR: #999999; text-decoration: none
}

A:hover
{
COLOR: #ffffff; text-decoration: underline
}

A:visited:hover
{
COLOR: #cccccc; text-decoration: underline
}
Top • Bottom

Pwyll-Uther (New Admin) 9/13/2007 3:54 AM EST : RE: Tab Buttons Flashing link
Pwyll-Uther
Posts: 241
Fingers of Fury!
Hi

This looks like some strange scripting error.

the javascript event handlers for your tabs are trying to use the class 
"UnSelectedTabMo"
which does not exist.

My suggestion is to try removing the google analytics script to test if that is causing your issue.
Top • Bottom

Pwyll-Uther (New Admin) 9/13/2007 4:21 AM EST : RE: Tab Buttons Flashing link
Pwyll-Uther
Posts: 241
Fingers of Fury!
It occurs to me that this might be an issue (typo) with the template you're using. Since its so easy to change guildportal templates, you might want to try that first.
Top • Bottom

Qutho (New Admin) 9/13/2007 3:19 PM EST : RE: Tab Buttons Flashing link
Qutho
Posts: 32
Becoming Adept!
So can I see someone else's CSS?  I have tried a few things and I think the problem is in the SelectedTab UnselectedTab things.  Could I get an example from someone's that is working like intended?
Top • Bottom

Rosary_KT (Guild Admin) 9/14/2007 4:18 AM EST : RE: Tab Buttons Flashing link
Rosary_KT
Posts: 1072
Zomgawsh Poster
Your css looks fine. Did you see above note from Pwyll?
No alternate text supplied.
Top • Bottom

536998420_Inactive (New Admin) 9/14/2007 8:14 AM EST : RE: Tab Buttons Flashing link
536998420_Inactive
Posts: 5754
Zomgawsh Poster
Did you try adding this?

.UnSelectedTabMo {
BACKGROUND-COLOR: #000000;
COLOR: #ffffff;
BORDER-WIDTH: 1px 1px 1px 1px;
BORDER-STYLE: solid;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
TEXT-ALIGN: CENTER;
BORDER-COLOR: #cccccc;
PADDING: 2px 2px 2px 2px;
SPACING: 0px 0px 0px 0px;
}
Top • Bottom

Pwyll-Uther (New Admin) 9/14/2007 4:47 PM EST : RE: Tab Buttons Flashing link
Pwyll-Uther
Posts: 241
Fingers of Fury!
Liliya, nice workaround
Top • Bottom

Qutho (New Admin) 9/15/2007 12:24 AM EST : RE: Tab Buttons Flashing link
Qutho
Posts: 32
Becoming Adept!
Liliya,

I think that got it working.  Thanks for the help.

Q
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%