FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 30 users online :: 0 Registered, 0 Hidden and 30 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

multi forums in one

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 08 Aug 2016, 16:17

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 Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 09 Aug 2016, 16:22

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 Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 09 Aug 2016, 16:39

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. Salute
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 09 Aug 2016, 16:46

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 Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 09 Aug 2016, 16:59

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 Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 09 Aug 2016, 18:35

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 Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 10 Aug 2016, 11:46

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. Razz

Anyway, add this CSS to your stylesheet :
Code:
#multi-forum img[style="float:left"] {
  display:none;
}

That should fix the newest problem.
Anonymous
Guest
Guest

PostGuest Tue 23 Aug 2016, 17:33

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

PostSponsored content

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum