The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Three horizontal forums

View previous topic View next topic Go down

Three horizontal forums

Post by Ramdaman on January 3rd 2015, 3:08 am

Three Horizontal Forums
In this tutorial, you'll be able to create 3 forums in one horizontal row. Each of these forums have the ability to have their own forum icon and description. You'll have to put your url, your icons, your forum description if you want to modify it to the fullest of capabilities.

Preview:


Installation:

Go to your Administration Panel => General => Forums => Categories and forums => Choose the forum by clicking on Edit and put this code:
Code:
<span style="float: left; margin: 15px 0px 0px 20px; width: 75%;"><table align="center" width="95%"><tr><td rowspan="2" width="36px">

<!-- Forum #1 Image -->
<img src="http://icons.iconarchive.com/icons/designcontest/vintage/48/Sketch-Book-icon.png"></td><td align="left" width="28%">

<!-- Forum #1 Link and Name -->
<a href="FORUM-URL"><b>Forum 1</b></a>

</td><td rowspan="2" width="36px">

<!-- Forum #2 Link and Name -->
<img src="http://icons.iconarchive.com/icons/iconshock/real-vista-social/48/gifts-icon.png"></td><td align="left" width="28%">
<a href="FORUM-URL"><b>Forum 2</b></a></td>

<td rowspan="2" width="36px">

<!-- Forum #3 Link and Name -->
<img src="http://icons.iconarchive.com/icons/mayosoft/azullustre/48/medal-icon.png"></td><td align="left" width="28%">
<a href="FORUM-URL"><b>Forum 3</b></a></td></tr>

<!-- Forum Descriptions -->
<tr><td align="left">
FORUM #1 DESCRIPTION</td>
<td align="left">
FORUM #2 DESCRIPTION</td><td align="left">
FORUM #3 DESCRIPTION</td></tr></table></span>
<div style="float: right; margin-right: 10px">

<!-- Icon which appears at the right of the forums -->
<img src="http://icons.iconarchive.com/icons/iconshock/super-vista-business/72/trophy-icon.png" border="0" alt="" /></div><span style="float: left; margin: 25px 0px 0px 10px; width: 75%;">

<!-- Text under all three forums -->
Text which will appear under the forums.</span>


If you want to have only a description with an image to the right, use this code:
Code:
<div style="float: right; margin-right: 10px">

<!-- Forum Image -->
<img src="http://www.johnmayer.it/forum/images/icons/presentazioni.png" border="0" alt="" />
</div>

<!-- Forum Description Text -->
<span style="float: left; margin: 25px 0px 0px 10px; width: 75%;">
This is the section where you will find the rules and regulations of the forum, the various FAQ, rules and regulations of the chatbox, and a guide on becoming the perfect user.</span>

Preview:


Elements to be modified: (First code)

Under <!-- Forum # Image -->
<img src= This is where you replace the existing image with the one you would like.

Under <!-- Forum # Link and Name -->
<a href="FORUM-URL"> Replace "FORUM-URL" with the URL of the forum.
<b>Forum (#)</b> Replace "Forum (number)" with the name which you would like for the forum.

Under <!-- Forum Descriptions -->
<td align="left">FORUM # DESCRIPTION</td> Replace "FORUM (number) DESCRIPTION" with the description you'd like to have.

Under <!-- Icon which appears at the right of the forums -->
<img src= Replace the existing image with the image you'd like to have.

Under <!-- Text under all three forums -->
Text - Replace the text with whichever text you'd like to have under all three forums.

Elements to be modified: (Second code)

Under <!-- Forum Image -->
<img src= Replace the existing image with one that you desire.
Text - Replace the text to what ever you'd like.






Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

View previous topic View next topic Back to top


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