Latest topics
» FM Themes
by SLGray Today at 16:48

» User - Made Creations
by SLGray Today at 16:48

» The Football Forums
by Mati Today at 15:22

» [BUG] Avatar doesn't resize when reading the profile
by Samantha NL Today at 12:33

» Search Bar Options
by Samantha NL Today at 11:38

» Chit Chat Thread
by Jazeon Today at 05:42

» Christmas logo
by Teo! Today at 03:56

» SyncEditor
by keko_ferkeko Today at 00:31

» Private message bg color
by Mr.Alam Yesterday at 22:54

» Multi-step Login Form
by Samantha NL Yesterday at 12:54

» Member of the Month
by Samantha NL Yesterday at 12:38

» Forumactif Edge - Dutch Translation
by Samantha NL Yesterday at 10:49

» Widget : Staff Online
by Samantha NL Yesterday at 10:39

» Questions about styling the Main Search Box
by Samantha NL Yesterday at 10:24

» Found a typo in your default Edge CSS
by Samantha NL Yesterday at 03:07

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

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

multi forums in one

Page 1 of 3 1, 2, 3  Next

View previous topic View next topic Go down

Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Mon 08 Aug 2016, 15:21

Hello "AngevTuteur" I don't under the tutorial of multi forums in one in fm. So can you please help me here in your forum by a clear explaining.?
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8395
Reputation : 2010
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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.
Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Mon 08 Aug 2016, 16:27

where should i use this code? what is java portion of js friddle
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8395
Reputation : 2010
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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.
Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Mon 08 Aug 2016, 16:36

i dont understand it @Ange Tuteur. i give u same test account like last night. please you do itn then i will follow what u did for me in forum.

just i will indicate you forums to do it
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8395
Reputation : 2010
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 08 Aug 2016, 16:38

Copy / paste the code here : http://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
Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Mon 08 Aug 2016, 16:54

@Ange Tuteur here is my forum http://avacs.sforum.biz in this forum - i want four forums in a line i the first category on the top. so can u say me what to do now
Guest
Guest
View all awards

PostGuest on Mon 08 Aug 2016, 17:12

*** Topic moved to the Coding & General Questions section ***
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8395
Reputation : 2010
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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/
Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Mon 08 Aug 2016, 17:22

whats wrong here@"Ange Tuteur"
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"></a>
              <br/>
              <span>টিপস এবং কৌশল</span>
            </td>
          </tr>
        </table>
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8395
Reputation : 2010
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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>
Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Mon 08 Aug 2016, 19:07

@Ange Tuteur please check your pm please
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8395
Reputation : 2010
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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.
Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Mon 08 Aug 2016, 19:36

@Ange Tuteur I tried it more than ten times but failed to do it. So I have sent you pm for help. If you could do it theb later on I can just follow them to do
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8395
Reputation : 2010
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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
Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Mon 08 Aug 2016, 19:48

In.my forum http://avacs.pforum.biz but I don't see discription so you should remove it
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8395
Reputation : 2010
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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 ?
Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Tue 09 Aug 2016, 11:05

@Ange Tuteur I sent pm to you yesterday. Just can you make it please? And yes keep same images
Guest
Guest
View all awards

PostGuest on 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 ?
Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Tue 09 Aug 2016, 11:18

Ok, forum link: http://avacs.pforum.biz

forums:

1. About AVACS Live Chat and
Frequently asked questions

2. AVACS Live Chat related site and forums and
Member's Introduction

3. Tips and tricks and
Forum suggestion and complaints


Yes keep same images of these forums to making multi in one @Ange Tuteur
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8395
Reputation : 2010
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Tue 09 Aug 2016, 11:39

Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Tue 09 Aug 2016, 12:06

Yes exactly @Ange Tuteur
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8395
Reputation : 2010
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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.
Royal Bengal

Title :
Gender : Male
Age : 27
Posts : 66
Points : 378
Reputation : 0
Language : English, hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostRoyal Bengal on Tue 09 Aug 2016, 12:45

Where should I add this code? @Ange Tuteur
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8395
Reputation : 2010
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Tue 09 Aug 2016, 12:59

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

Page 1 of 3 1, 2, 3  Next

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