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.

How to add a Topic Sidebar

View previous topic View next topic Go down

Solved How to add a Topic Sidebar

Post by Foundwaldo on Sun Jul 08 2012, 01:17

I have a question of course.

How do you add like a Menu bar or Sidebar to your Forum.

Like they have: http://new-dark-light.forumotion.com/forum

Where it has announcements and such.

avatar
Foundwaldo
Forumember

Posts : 53
Reputation : 1
Language : English

Back to top Go down

Solved Re: How to add a Topic Sidebar

Post by Foundwaldo on Sun Jul 08 2012, 23:25

Anyone know?
avatar
Foundwaldo
Forumember

Posts : 53
Reputation : 1
Language : English

Back to top Go down

Solved Re: How to add a Topic Sidebar

Post by Foundwaldo on Tue Jul 10 2012, 05:57

Really?.....Really?....
avatar
Foundwaldo
Forumember

Posts : 53
Reputation : 1
Language : English

Back to top Go down

Solved Re: How to add a Topic Sidebar

Post by Legend™ on Tue Jul 10 2012, 06:03

The Recent Topics?

Its a widget

ACP --> Modules --> Widget Management --> Activate Widgets --> Then scroll down --> Find Recent Topics --> Drag it to either the left or the right side of the middle box --> Click Save
avatar
Legend™
Forumember

Male Posts : 548
Reputation : 30
Language : Javascript, CSS, English
Location : Omaha

http://webgaming.forumotion.com/forum

Back to top Go down

Solved Re: How to add a Topic Sidebar

Post by Foundwaldo on Wed Jul 11 2012, 03:24

on the CSS style sheet what places should I edit? I'm not really getting any results at all.
avatar
Foundwaldo
Forumember

Posts : 53
Reputation : 1
Language : English

Back to top Go down

Solved Re: How to add a Topic Sidebar

Post by Foundwaldo on Wed Jul 11 2012, 13:24

Is this the Showonlyone menu box?
avatar
Foundwaldo
Forumember

Posts : 53
Reputation : 1
Language : English

Back to top Go down

Solved Re: How to add a Topic Sidebar

Post by Kaizer Lee on Wed Jul 11 2012, 16:33

Here are the steps:

First, put this in Javascript:

Code:
function showonlyonev2(thechosenone) {      var newboxes = document.getElementsByTagName("div");      for(var x=0; x<newboxes.length; x++) {            name = newboxes[x].getAttribute("class");            if (name == 'newboxes-2') {                  if (newboxes[x].id == thechosenone) {                        if (newboxes[x].style.display == 'block') {                              newboxes[x].style.display = 'none';                        }                        else {                              newboxes[x].style.display = 'block';                        }                  }else {                        newboxes[x].style.display = 'none';                  }            }      } }

Then this one in CSS:

Code:
#floating_sidebar {  position:fixed; right: 0;  top: 100px; /* If you change this then you adjust height from the top of the page */ } #headerDiv, #contentDiv { float: left; width: 510px; } #titleText { float: left; font-size: 1.1em; font-weight: bold; margin: 5px; } #myHeader { font-size: 1.1em; font-weight: bold; margin: 5px; } #headerDiv { background-color: #0037DB; color: #9EB6FF; } #contentDiv { background-color: #FFE694; } #myContent { margin: 5px 10px; } #headerDiv a { float: right; margin: 10px 10px 5px 5px; } #headerDiv a:hover { color: #FFFFFF; }

And then create another Javascript:

Code:
<script type="text/javascript">  function toggle() { //Checking if select field is enabled if (document.getElementById("mySelect").disabled == false) { //Changing the select field state to disabled and changing the value of button to enable document.getElementById("mySelect").disabled = true document.getElementById("btn").value="Enable list" return } //Checking if select field is disabled if (document.getElementById("mySelect").disabled == true) { //Changing the select field state to enabled and changing the value of button to disable document.getElementById("mySelect").disabled = false document.getElementById("btn").value="Disable list" return } } </script>

And finally, MAKE sure you customize this code for your academy or whatever. This one's to be put in Display > Headers > Generalities.

Code:
<!-- start sidebar --><div id="floating_sidebar">
 <table>
  <tr>
      <td>
        <div style="border: 2px solid black; background-color: #1A1A1A; padding: 5px;">
            <a id="myHeader1-2" href="javascript:showonlyonev2('newboxes1-2');" ><center>MCA</center></a>
        </div>
        <div class="newboxes-2" id="newboxes1-2" style="border: 2px solid gray; background-color: #1A1A1A; display: block;padding: 5px;">

<font size=1>

<center>


</br>
<a href="http://medievalchaos.forumtl.com/f11-realm-rules">Realm Rules</a>
<br></br>
<a href="httphttp://medievalchaos.forumtl.com/f1-announcements">Announcements</a>
<br></br>
<a href="http://medievalchaos.forumtl.com/f10-test-requests">Test Requests</a>
<br></br>
<a href="http://medievalchaos.forumtl.com/c5-dorms">Dorms</a>
<br></br>
<a href="http://www.duelingnetwork.com/">Dueling Network</a>
<br></br>
</font>
</center>
</div>
      </td>
      <td>
        </div>
      </td>
  </tr>
</table>
avatar
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: How to add a Topic Sidebar

Post by Foundwaldo on Wed Jul 11 2012, 20:28

Thank you SOO! much I very appreciate it Smile

Topic solved!
avatar
Foundwaldo
Forumember

Posts : 53
Reputation : 1
Language : English

Back to top Go down

Solved Re: How to add a Topic Sidebar

Post by SLGray on Wed Jul 11 2012, 20:35

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 41103
Reputation : 2805
Language : English
Location : United States

https://fmthemes.forumotion.com/

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