Tree lines like Phorum 3 module!

enabling threaded view might help you.

---

Thomas Seifert

Sorry Thomas I didn't see your reply until now. The problem was not in list threads as I want the 'front' list to always be flat. I realised after some playing around that read_threads needs to have;

style="padding-left: {MESSAGES->indent_cnt}px"> {marker}

replaced with

> {MESSAGES->indent}

I'd left the > bit out - which leads to it being fine in Firefox but broken in IE.

So Brians new instructions are fine except that step 3] needs to be done to read_threads as well.



Edited 1 time(s). Last edit at 03/26/2006 06:08PM by SimonA.

I have to admit steeling some of this from the creator of [www.hallofmaat.com]

I'm sure he will be okay with that in terms of open source philosophy.

For some reason my hosted server gives an HTTP 500 error for images used as a sub folder of the mod folder. So this version requires you to copy contents of the images folder to a folder "tree" in the main images folder (/images/tree/).

If you are using the basic template then remove (or set to 0) the borders and padding lines from css.tpl, in PhorumTableRow and PhorumTableRowAlt, and set height: 34px in both. This will give you joined up tree lines.

If you are on version 5.1x, you will need to edit read_threads.tpl in your template and replace;

style="padding-left: {MESSAGES->indent_cnt}px"> {marker}

with

> {MESSAGES->indent}

If for some reason you want to allow threaded view on the list page, you will need to play around a little.



Edited 1 time(s). Last edit at 03/26/2006 06:04PM by SimonA.

Quote
SimonA
For some reason my hosted server gives an HTTP 500 error for images used as a sub folder of the mod folder. So this version requires you to copy contents of the images folder to a folder "tree" in the main images folder (/images/tree/).

The permissions on these folders are likely not allowing the web server to access those folders.

Brian - Cowboy Ninja Coder - Personal Blog - Twitter

Brian, please add the following stuff to install.txt:

1) You will have to edit the CSS for PhorumTableRow. The top and
   bottom padding will have to be removed. There may be a margin or
   border as well.

   Here is an example:
   
   .PhorumTableRow
   {
      background-color: White;
      border-bottom-style: solid;
      border-bottom-color: #F2F2F2;
      border-bottom-width: 0px;
      color: Black;
      font-size: 12px;
      font-family: Lucida Sans Unicode, Lucida Grande, Arial;
      margin: 0;
      padding: 0 0 0 5px;
   }
    
   .PhorumTableRowAlt
   {
      background-color: #EEEEEE;
      border-bottom-style: solid;
      border-bottom-color: #F2F2F2;
      border-bottom-width: 0px;
      color: #000000;
      font-size: 12px;
      font-family: Lucida Sans Unicode, Lucida Grande, Arial;
      height: 21px;
      margin: 0;
      padding: 0 0 0 5px;
   }    
   
2) If black images will not work well on your site, there are white
   versions in the images dir. You will need to either rename them or
   change the html img tag defs at the top of the mod_treeview
   function.

3) If you are using Phorum 5.1.x, you will need to edit two files a bit.
   Check list_threads.tpl first. Find anywhere it read:
   
   style="padding-left: {ROWS->indent_cnt}px"
   
   Remove that text.  Next find anywhere it says:
   
   {marker}
   
   Replace that text with:

   {ROWS->indent}

   Now edit read_threads.tpl in a similar way. Find anywhere it read:
   
   style="padding-left: {MESSAGES->indent_cnt}px"
   
   Remove that text.  Next find anywhere it says:
   
   {marker}
   
   Replace that text with:

   {MESSAGES->indent}

Regards, Ulf Dunkel



Edited 3 time(s). Last edit at 11/22/2006 03:24PM by Ulf Dunkel.

Is there a definitive way to cure the GAP problem? This thread is 10 pages long, very confusing, everyone seems to have a solution and yet nothing seems to work or I'm confused as to what works and doesnt.

This is what I got now.

[wiki.lafcpug.org]

Done everything I've read and still got gaps.

Michael Horton
lafcpug
[www.lafcpug.org]

You have padding on PhorumTableRow. That is the problem.

Brian - Cowboy Ninja Coder - Personal Blog - Twitter

Well decided to start from scratch with treeview and followed instructions carefully this time from the install and this is what I got

[wiki.lafcpug.org]

Removed padding from phorumtablerow and phorumtablerowalt in css.tpl

Of course edited list_thread and read_thread

Michael Horton
lafcpug
[www.lafcpug.org]

PhorumTableRow (and PhorumTableRowAlt) height should be smaller and it should have padding: 0px;

Install web developer extension for FF, its edit CSS is quite handy...

---
-=[ Panu ]=-

OK, I'll try that when I get home Panu and let you know what happened. Colorzilla and web developer are so very helpful.Thanks for that. Saves a heck of a lot of time

Michael Horton
lafcpug
[www.lafcpug.org]