Re: multi forums in one

[Ange TuteurAdministrator]

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

Just place it in one of your forum descriptions.

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

[Ange TuteurAdministrator]

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

[GuestGuest]

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

[Ange TuteurAdministrator]

@Samantha thanks, I didn't notice

@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 TuteurAdministrator]

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

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

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

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.

[Ange TuteurAdministrator]

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 ?

[GuestGuest]

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

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

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

[Ange TuteurAdministrator]

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

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

[Ange TuteurAdministrator]

This is what I see :

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

[Ange TuteurAdministrator]

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.

[GuestGuest]

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

[Ange TuteurAdministrator]

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.

[GuestGuest]

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

I'm off. Suit urself.

[ValoishGraphic Designer]

@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 TuteurAdministrator]

@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 TuteurAdministrator]

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

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

[Ange TuteurAdministrator]

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

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

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

Which looks fine to me..


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

[Sponsored content]