Firefox PHP

Tree lines like Phorum 3 module!

Posted by Brian Moon 
Re: Tree lines like Phorum 3 module!
February 24, 2006 02:20AM
enabling threaded view might help you.


Thomas Seifert
Re: Tree lines like Phorum 3 module!
March 25, 2006 01:49PM
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.
No gaps version for read_threads
March 26, 2006 05:25PM
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.
Attachments:
open | download - treeviewDH.zip (6.1 KB)
Re: No gaps version for read_threads
March 27, 2006 12:30PM
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
Re: Tree lines like Phorum 3 module!
June 01, 2006 03:26AM
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.
Re: Tree lines like Phorum 3 module!
July 22, 2006 03:49PM
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]
Re: Tree lines like Phorum 3 module!
July 26, 2006 06:40PM
You have padding on PhorumTableRow. That is the problem.

Brian - Cowboy Ninja Coder - Personal Blog - Twitter
Re: Tree lines like Phorum 3 module!
July 27, 2006 04:16PM
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]
Re: Tree lines like Phorum 3 module!
July 27, 2006 05:26PM
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 ]=-
Re: Tree lines like Phorum 3 module!
July 27, 2006 06:37PM
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]
Sorry, only registered users may post in this forum.

Click here to login