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! > Forum category header border
Guppy Queen (New Admin) 4/15/2009 2:20 PM EST : Forum category header border
Guppy Queen
Posts: 41034
Zomgawsh Poster

I have script that Mottie gave me which takes away the lines as well as create a white box around the forum category header.

<script language="Javascript">
function fixStupidLinks()
                  {
                    try
                    {
                        var interceptUrl = '/Outbound.aspx?Destination=';
                      
                        for (iLink=0; iLink < document.links.length; iLink++)
                        {
if( document.links[iLink].href.indexOf( interceptUrl ) != -1 )
{
 document.links[iLink].href =unescape(document.links[iLink].href.substring(document.links[iLink].href.indexOf( interceptUrl ) +interceptUrl.length)) ;

}

if( document.links[iLink].href.indexOf( "javascript:" ) == 0 )
{
document.links[iLink].target = "_self";
}
                        }
                    }
                    catch (linkExc)
                    {}
                  }
                  setTimeout("fixStupidLinks();", 1);

</script><style type="text/css">.ContentGrid th, .ContentGrid td { border:0px; }</style>


However, sometimes it works and sometimes it doesn't. I'm not sure what to do.

http://img179.imageshack.us/img179/1476/picture2q.jpg

TopBottom

Mottie (MVP) 4/15/2009 5:07 PM EST : RE: Forum category header border
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Guppy Queen!!

Hmmm actually... remember way back when GuildPortal added a screen that popped up saying are you sure you want to leave the GuildPortal site? That's the script you posted. I remembered how annoying that was...

Anyway, all you really need it to add this to your CSS:
.ForumCategoryHeader { border: #ffffff 1px solid; }
TopBottom

Guppy Queen (New Admin) 4/15/2009 5:39 PM EST : RE: Forum category header border
Guppy Queen
Posts: 41034
Zomgawsh Poster

Mottie, thank you. Where should I add this script?

.ForumCategoryHeader { border: #ffffff 1px solid; }

I'm a CSS noob. Not sure where to put this in the script you gave me.

<script language="Javascript">
function fixStupidLinks()
                  {
                    try
                    {
                        var interceptUrl = '/Outbound.aspx?Destination=';
                      
                        for (iLink=0; iLink < document.links.length; iLink++)
                        {
if( document.links[iLink].href.indexOf( interceptUrl ) != -1 )
{
 document.links[iLink].href =unescape(document.links[iLink].href.substring(document.links[iLink].href.indexOf( interceptUrl ) +interceptUrl.length)) ;

}

if( document.links[iLink].href.indexOf( "javascript:" ) == 0 )
{
document.links[iLink].target = "_self";
}
                        }
                    }
                    catch (linkExc)
                    {}
                  }
                  setTimeout("fixStupidLinks();", 1);

</script><style type="text/css">.ContentGrid th, .ContentGrid td { border:0px; }</style>
TopBottom

Mottie (MVP) 4/15/2009 5:52 PM EST : RE: Forum category header border
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Guppy Queen!

Just add it in with any other CSS... a good spot would be in with your search box CSS (between the <style> tags).

You can remove that other script you have, it doesn't do anything anymore.
TopBottom

Guppy Queen (New Admin) 4/15/2009 6:09 PM EST : RE: Forum category header border
Guppy Queen
Posts: 41034
Zomgawsh Poster

I took that long script out and put

.ForumCategoryHeader { border: #ffffff 1px solid; }

in right before the search box script starts. Is it working?
TopBottom

Mottie (MVP) 4/16/2009 3:11 AM EST : RE: Forum category header border
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hey Guppy Queen!

Ugh, I dislike how the "ForumCategoryHeader" class is set up in the forums now - it's not consistent.

I don't remember if you were using Custom CSS or not, but it would make like much easier if you did.

If you are using the Custom CSS, then remove these lines from the CSS:
.ContentBox, .ForumCategoryHeader { -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-right: 1px; }
.ContentGrid tr.ForumCategoryHeader, .ContentGrid td.ForumCategoryHeader, .ContentGrid th.ForumCategoryHeader { -moz-border-radius: 0px; -webkit-border-radius: 0px; }
tr.ForumCategoryHeader td { background-color: #000000;color: #B8B8B8;padding: 5px; border: 0px; margin: 0px; font-weight: bold; }
tr.ForumCategoryHeader th { padding: 5px; }
div.ForumCategoryHeader, tr.ForumCategoryHeader, td.ForumCategoryHeader {background-color: #000000;color: #B8B8B8;padding: 5px; border: 0px; margin: 0px; font-weight: bold; }
.ContentGrid th, .ContentGrid td { border-collapse: collapse; border-width: 1px; border-style: solid; border-color: transparent; }
then add these lines:
tr.ForumCategoryHeader, td.ForumCategoryHeader { padding: 5px; border: #ffffff 1px solid; font-weight: bold; }
tr.ForumCategoryHeader:first-child { border: 0px; }
tr.ForumCategoryHeader td { padding: 5px; }
  • The first line adds the border to the main forums page and the topics page (but this doesn't change on IE for some odd reason *pulls out hair*).
  • The second line tells non-IE browsers to turn off the border on the top line of the topics page... it's the line that has the column titles (topics, replies, views & last post)
  • The last line adds padding around the text in the topics page headers (sticky topics and recently active topics).

All the CSS I told you to remove over-rides the borders, so you just can't add the new lines without removing the others.

If you aren't using custom CSS then ummmm, what about trying to add color to the background? LOL... try this and see what you think
.ForumCategoryHeader, .ForumCategoryHeader td { background: #333333 !important; }
TopBottom

Guppy Queen (New Admin) 4/16/2009 1:11 PM EST : RE: Forum category header border
Guppy Queen
Posts: 41034
Zomgawsh Poster

I used the color change, though the white box border is to visible. It will suffice for now. I used the free form content box in the search area. Thanks Mottie
TopBottom

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