Re: multi forums in one

**Ange Tuteur** · **Ange Tuteur** Mon 08 Aug 2016, 16:17

@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** Mon 08 Aug 2016, 16:30

Just place it in one of your forum descriptions. Wink

The JS and CSS portions of jsfiddle are for if you want to write JavaScript and CSS ; it's optional.

**Ange Tuteur** · **Ange Tuteur** Mon 08 Aug 2016, 16:38

Copy / paste the code here : https://fmdesign.forumotion.com/t843-multi-forums-in-one#16977
or edit it here first and then copy : https://jsfiddle.net/yg87sp2L/ ( Click "RUN" in the corner to see the result )

Once you've copied the code goto Admin Panel > General > Categories and forums > edit forum

Paste the code you copied into the description of the forum > save

Guest · Guest Mon 08 Aug 2016, 17:12

*** Topic moved to the Coding & General Questions section ***

**Ange Tuteur** · **Ange Tuteur** Mon 08 Aug 2016, 17:15

@Samantha thanks, I didn't notice Shocked

@Royal Bengal like this ?

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

Fiddle : https://jsfiddle.net/yg87sp2L/1/

**Ange Tuteur** · **Ange Tuteur** Mon 08 Aug 2016, 17:52

Looks like you were just missing text in one of the links.

Code:: <table style="width:100%;"> <tr> <td> <img src="http://i84.servimg.com/u/f84/19/40/18/34/screen29.png" style="float:left;margin-right:6px;"/> <a href="http://avacs.sforum.biz/f7-avacs">FORUM NAME</a> <br/> <span>AVACS লাইফ চ্যাট সম্পর্কে সাধারন আলোচনা</span> </td> <td> <img src="http://i84.servimg.com/u/f84/19/40/18/34/screen29.png" style="float:left;margin-right:6px;"/> <a href="http://avacs.sforum.biz/f17-avacs">AVACS সম্পর্কিত সাইট এবং ফোরাম নিয়ে আলোচনা</a> <br/> <span>FORUM DESCRIPTION</span> </td> </tr> <tr> <td> <img src="http://i84.servimg.com/u/f84/19/40/18/34/coolte10.png" style="float:left;margin-right:6px;"/> <a href="http://avacs.sforum.biz/f1-forum">FORUM NAME</a> <br/> <span>তড়িৎ প্রশ্ন জিজ্ঞেস করুন</span> </td> <td> <img src="http://i84.servimg.com/u/f84/19/40/18/34/coolte11.png" style="float:left;margin-right:6px;"/> <a href="http://avacs.sforum.biz/f10-forum">FORUM NAME</a> <br/> <span>টিপস এবং কৌশল</span> </td> </tr> </table>

**Ange Tuteur** · **Ange Tuteur** Mon 08 Aug 2016, 19:30

Let's try and handle this via the topic, if you have any questions just let me know here. Wink

If you want 6 forums in one row, this is how it would look :
https://jsfiddle.net/yg87sp2L/2/

The more forums in a row, the less space there will be ; the forums will appear smushed. If anything, I would recommend three per row, like this :
https://jsfiddle.net/yg87sp2L/3/

but even that can be too much if your forum width is small. You have to take the width of your forum into account first.

**Ange Tuteur** · **Ange Tuteur** Mon 08 Aug 2016, 19:42

I think I have an idea of what we can do. Let's start with one row of forums. I want you to fill out the form below for each forum that you want in the row, then I'll put the code together for you.

Code:: [b]Forum Name :[/b] [b]Forum Link :[/b] [b]Description :[/b] [b]Image :[b]

Try separating each form by 2 line-breaks so it's easier to read. Wink

**Ange Tuteur** · **Ange Tuteur** Mon 08 Aug 2016, 19:50

Okay, which forums would you like in each row ? You can just give me their names since you provide the forum link. I'm assuming you want the same images too, no ?

Guest · Guest Tue 09 Aug 2016, 11:10

@Royal Bengal: We've got General Rules & Guidelines asking for help via PM. @Ange Tuteur already said he could handle it without PM-ing and is waiting for your answer:

Ange Tuteur wrote:Okay, which forums would you like in each row ? You can just give me their names since you provide the forum link. I'm assuming you want the same images too, no ?

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 11:39

@Royal Bengal how does this look ?
https://jsfiddle.net/yg87sp2L/4/

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 12:22

Alright, grab the code and add it to only one(1) of your forum's descriptions. After this we'll move onto the next stage which would require hiding some of the forums.

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 12:59

Add it to one of your forum descriptions -- any one you want. OR even the homepage message.. Wink

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 13:50

This is what I see :
multi forums in one Captur64

We'll need to hide the stuff in red to make it look better. That okay with you ?

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 14:11

Could you move the forum / category "AVACS LIVE CHAT" to the top of the forum list ?

In reply to your second comment :
It needs work.

Guest · Guest Tue 09 Aug 2016, 14:18

*** This topic has been locked, because it's getting out of hand IMO. I need to talk to @Ange Tuteur first. ***

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 14:40

Unlocked

I apologize for Samantha's actions.

To move the forum to the top of the list, go to Admin Panel > General > Categories and forums > Click the "up" arrow next to the forum to move it to the top of the list.

I'll provide you with the necessary code once you've finished the above task. Wink

Guest · Guest Tue 09 Aug 2016, 14:42

https://fmdesign.forumotion.com/t856-in-progress-code-that-desable-the-information-subject-post?nid=50#17258

I'm off. Suit urself.

**Valoish** · **Valoish** Tue 09 Aug 2016, 15:06

@Royal Bengal Please be patient. Ange does all the work on his own and coding takes a bit of time to get right. Thank you for understanding.

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 15:07

@Royal Bengal please be patient and avoid double posting. I need to write these codes, so it requires time ; Remember Rome wasn't built in a day.

Please review our rules in the mean time :
https://fmdesign.forumotion.com/t754-general-rules-and-guidelines#15020

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 15:21

Add this to the description of the forum :

Code:: <script type="text/javascript"> jQuery('.forabg')[0].id = 'multi-forum'; </script>

The forum = the forum that contains the multiple forums. Add it to the end of the description.

Then add this to your stylesheet :

Code:: #multi-forum .topics, #multi-forum .posts, #multi-forum .lastpost, #multi-forum .hierarchy, #multi-forum img[style="float:left"] { display:none; } #multi-forum .dterm { width:98%; }

Let me know if that works.

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 15:37

Yes, add it to the description with the multi-forum code.

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 15:50

Did you add the CSS to your stylesheet ?

Code:: #multi-forum .topics, #multi-forum .posts, #multi-forum .lastpost, #multi-forum .hierarchy, #multi-forum img[style="float:left"] { display:none; } #multi-forum .dterm { width:98%; }

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 15:56

Oh I see the problem. Replace the CSS I gave you with this :

Code:: #multi-forum .row:first-child .topics, #multi-forum .row:first-child .posts, #multi-forum .row:first-child .lastpost, #multi-forum .row:first-child .hierarchy, #multi-forum .row:first-child img[style="float:left"] { display:none; } #multi-forum .row:first-child .dterm { width:98%; }

**Ange Tuteur** · **Ange Tuteur** Tue 09 Aug 2016, 16:11

Where's the problem ? Could you point it out in a screenshot for me, please ? All I see is :
multi forums in one Captur67

Which looks fine to me.. Think

You should try being more specific, remember, I can't read minds. Razz

Sponsored content · Sponsored content

IMPORTANT

multi forums in one