Firefox PHP

Tree lines like Phorum 3 module!

Posted by Brian Moon 
Re: Tree lines like Phorum 3 module!
July 27, 2006 11:33PM
Ok, this is what I get after changing hright to 0px And of course deleting padding.

[wiki.lafcpug.org]

Michael Horton
lafcpug
[www.lafcpug.org]
Re: Tree lines like Phorum 3 module!
July 28, 2006 03:52AM
I guess it's the row's bottom border?

---
-=[ Panu ]=-
Re: Tree lines like Phorum 3 module!
July 28, 2006 04:08AM
Very good idea Panu but still a TINY gap left after setting bottom row to 0px. Also notice that the top post in each thread does not indent. I can live with these tiny gaps but would prefer it to look nice and clean like in phorum 3. Plus I'd like to have top post indent a couple pixels. Looks cleaner that way too.

That web developer for FF is wonderful. Thanks again for that.

[wiki.lafcpug.org]

Michael Horton
lafcpug
[www.lafcpug.org]
Re: Tree lines like Phorum 3 module!
July 28, 2006 04:46AM
For .PhorumTableRow and .PhorumTableRowAlt, use something like in the following example. The important CSS changes are marked in green:
    .PhorumTableRow
    {
        background-color: {backcolor};
        border-bottom: none;
        color: {defaulttextcolor};
        font-size: {defaultfontsize};
        font-family: {defaultfont};
        /* height: 35px; */
        padding: 0px;
        margin: 0px;
        vertical-align: middle;
    }


Maurice Makaay
Phorum Development Team
my blog linkedin profile secret sauce
Re: Tree lines like Phorum 3 module!
July 28, 2006 11:20AM
Thanks Maurice although I am a bit confused and don't want to screw up.

Here is the code I have so far after all the changes.

.PhorumTableRow
{
background-color: {backcolor};
border-bottom-style: solid;
border-bottom-color: {listlinecolor};
border-bottom-width: 0px;
color: {defaulttextcolor};
font-size: {defaultfontsize};
font-family: {defaultfont};
height: 0px;
}

.PhorumTableRowAlt
{
background-color: {altbackcolor};
border-bottom-style: solid;
border-bottom-color: {listlinecolor};
border-bottom-width: 0px;
color: {altlisttextcolor};
font-size: {defaultfontsize};
font-family: {defaultfont};
height: 0px;
}

Are you saying to ADD to this, the code you show in green above?

Michael Horton
lafcpug
[www.lafcpug.org]
Re: Tree lines like Phorum 3 module!
July 28, 2006 01:49PM
Yes, margins are inherited so you must explicitely make them 0.

---
-=[ Panu ]=-
Re: Tree lines like Phorum 3 module!
July 28, 2006 02:59PM
So in other words I want to upload this:?

.PhorumTableRow
{
background-color: {backcolor};
border-bottom: none;
border-bottom-style: solid;
border-bottom-color: {listlinecolor};
border-bottom-width: 0px;
color: {defaulttextcolor};
font-size: {defaultfontsize};
font-family: {defaultfont};
/* height: 35px; */
padding: 0px;
margin: 0px;
height: 0px;
}

.PhorumTableRowAlt
{
background-color: {altbackcolor};
border-bottom: none;
border-bottom-style: solid;
border-bottom-color: {listlinecolor};
border-bottom-width: 0px;
color: {altlisttextcolor};
font-size: {defaultfontsize};
font-family: {defaultfont};
/* height: 35px; */
padding: 0px;
margin: 0px;
height: 0px;
}

Michael Horton
lafcpug
[www.lafcpug.org]
Re: Tree lines like Phorum 3 module!
July 28, 2006 03:23PM
If you keep a backup there's no risk. If it's wrong just put earlier version back.

I'm not sure if height: 0 is needed though.

---
-=[ Panu ]=-
Re: Tree lines like Phorum 3 module!
July 28, 2006 03:25PM
Well I uploaded and no change.

[wiki.lafcpug.org]

I'll loose the heght and see what happens

Michael Horton
lafcpug
[www.lafcpug.org]
Re: Tree lines like Phorum 3 module!
July 28, 2006 03:27PM
Looks fine to me. Did you reload the page? (shift-reload)

---
-=[ Panu ]=-
Sorry, only registered users may post in this forum.

Click here to login