Re: multi forums in one

[Ange TuteurAdministrator]

First topic message reminder :

@Royal Bengal Tiger use this HTML template as a starting point :

Code:

<table style="width:100%;">
  <tr>
    <td>
      <img src="IMAGE_LINK" style="float:left;margin-right:6px;" />
      <a href="#FORUM_LINK">FORUM NAME</a>
      <br/>
      <span>FORUM DESCRIPTION</span>
    </td>
   
    <td>
      <img src="IMAGE_LINK" style="float:left;margin-right:6px;" />
      <a href="#FORUM_LINK">FORUM NAME</a>
      <br/>
      <span>FORUM DESCRIPTION</span>
    </td>
  </tr>
 
  <tr>
    <td>
      <img src="IMAGE_LINK" style="float:left;margin-right:6px;" />
      <a href="#FORUM_LINK">FORUM NAME</a>
      <br/>
      <span>FORUM DESCRIPTION</span>
    </td>
   
    <td>
      <img src="IMAGE_LINK" style="float:left;margin-right:6px;" />
      <a href="#FORUM_LINK">FORUM NAME</a>
      <br/>
      <span>FORUM DESCRIPTION</span>
    </td>
  </tr>
</table>

And use the HTML portion of JS fiddle to edit the code :
https://jsfiddle.net/yg87sp2L/

The syntax highlighting and indentation will make it easier for you to read.

Modifications

In the template you need to replace the following content :

FORUM NAME : Replace this with the name of the forum.
#FORUM_LINK : Replace this with the link to the forum.
IMAGE_LINK : Replace this with an image link for the forum.
FORUM DESCRIPTION : Replace this with a description for the forum.

[Ange TuteurAdministrator]

Replace your CSS with this then :

Code:

#multi-forum .row:first-child .hierarchy, #multi-forum .row:first-child img[style="float:left"] {
  display:none;
}

As for the forums, you'll need to hide them by placing them inside the forum that currently contains the multi-forums in one. You can do that by going to Admin Panel > General > Categories and forums > edit forum

For the option "Attached to", choose the forum that currently contains the multi-forums in one. Save and that forum shouldn't be visible on the front anymore, EXCEPT in the multi-forum part.

[Ange TuteurAdministrator]

Add these CSS rules to your stylesheet :

Code:

#multi-forum .mod-text, #multi-forum .group-mod, #multi-forum .group-mod ~ br, #multi-forum .gensmall {
  display:none;
}

#multi-forum .row .dterm > div { font-size:0; }
#multi-forum .row .dterm > div > table { font-size:12px; }

Let me know if it resolves the problem.

[Ange TuteurAdministrator]

Replace the CSS with this if you want the moderators back :

Code:

#multi-forum .group-mod ~ br, #multi-forum .gensmall {
  display:none;
}
 
#multi-forum .row .dterm > div { font-size:0; }
#multi-forum .row .dterm > div > table { font-size:12px; }

Could you try explaining in more detail what you mean by this part ?

also i wanted separate counters for each of both forums in a line

[Ange TuteurAdministrator]

You need to use three different forums, and in the description of these forums you'll have to paste the multi-forum code. In the code you need to remove the forums that you don't want displayed in that row.

[Ange TuteurAdministrator]

Oops, I didn't notice that. Try replacing the CSS I gave you with this :

Code:

#multi-forum .gensmall {
  display:none;
}
 
#multi-forum .row .dterm > div { font-size:0; }
#multi-forum .row .dterm > div > table, #multi-forum .mod-text, #multi-forum .group-mod { font-size:12px; }

#multi-forum .mod-text { margin-right:3px; }
#multi-forum .group-mod:after {
  content:", ";
  color:#333;
}

#multi-forum .group-mod[href="/g6-supermoderators"]:after { content:"" }

[Ange TuteurAdministrator]

Hmm.. yes, I think you're right. I was never too into this multi-forum stuff anyway, so I don't have that much experience.

Anyway, add this CSS to your stylesheet :

Code:

#multi-forum img[style="float:left"] {
  display:none;
}

That should fix the newest problem.

[GuestGuest]

*** This topic will be closed soon if we don't get any feedback. @Royal Bengal Is this solved / still needed? ***

[Sponsored content]