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.

Menu on a side

View previous topic View next topic Go down

Solved Menu on a side

Post by Asriel on July 30th 2012, 3:34 pm

If you look at this site www.newdominoacademy.forumotion.com they have a floating menu on a side. Where can I get code for a menu like that?

Asriel
Forumember

Male Posts : 583
Reputation : 30
Language : English, Russian, Ukrainian
Location : St. Somewhere

http://www.worldofmutants.forumotion.com

Back to top Go down

Solved Re: Menu on a side

Post by Sanket on July 30th 2012, 6:01 pm

http://www.dynamicdrive.com/dynamicindex1/slideinmenu.htm
Can search for various menus on google.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Menu on a side

Post by Reverse on July 30th 2012, 6:48 pm

there is a way to get this without google Wink

just do the following:

ACP>Modules>Forum Widgets Management>New Widget

Then put this in the Widget:

Code:
<div id="topic_sidebar">Your content here</div>

Then save

They you would have to start HTML Coding.

Reverse
Forumember

Male Posts : 363
Reputation : 8
Language : english
Location : GraphicZone

http://www.graphiczone.forummotion.com

Back to top Go down

Solved Re: Menu on a side

Post by Asriel on July 30th 2012, 7:14 pm

I did try various google codes, but they don't seem to work for me.

Asriel
Forumember

Male Posts : 583
Reputation : 30
Language : English, Russian, Ukrainian
Location : St. Somewhere

http://www.worldofmutants.forumotion.com

Back to top Go down

Solved Re: Menu on a side

Post by Sanket on July 30th 2012, 7:16 pm

Please explain more about it?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Menu on a side

Post by Asriel on July 30th 2012, 7:22 pm

Like, they give me a code...for instance like this.
<style>
div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}
</style>
<div class="floating-menu">
<h3>Floating Menu</h3>
<a href="http://www.quackit.com/css/">CSS</a>
<a href="http://www.quackit.com/html/">HTML</a>
<a href="http://www.quackit.com/javascript/">JavaScript</a>
<a href="http://www.quackit.com/coldfusion/">ColdFusion</a>
<a href="http://www.quackit.com/myspace/codes/">MySpace Codes</a>
</div>
Where do I put this code? I tried widget, didn't work. I tried HTML management, it didn't work. It did work in Homepage, except I can't seem to align it to the left.

Asriel
Forumember

Male Posts : 583
Reputation : 30
Language : English, Russian, Ukrainian
Location : St. Somewhere

http://www.worldofmutants.forumotion.com

Back to top Go down

Solved Re: Menu on a side

Post by Sanket on July 30th 2012, 7:29 pm

That should go into the css. Display>Colors>Css stylesheet tab
Code:
div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}

This bit of code can go into Display>Generalities
Homepage Message
Message:Content

Code:
<div class="floating-menu">
<h3>Floating Menu</h3>
<a href="http://www.quackit.com/css/">CSS</a>
<a href="http://www.quackit.com/html/">HTML</a>
<a href="http://www.quackit.com/javascript/">JavaScript</a>
<a href="http://www.quackit.com/coldfusion/">ColdFusion</a>
<a href="http://www.quackit.com/myspace/codes/">MySpace Codes</a>
</div>

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Menu on a side

Post by Asriel on July 30th 2012, 7:33 pm

Is there a way to move it farther to the left. As you can see on my forum it blocks the topics.

www.unitedduelacademy.forumotion.com

Asriel
Forumember

Male Posts : 583
Reputation : 30
Language : English, Russian, Ukrainian
Location : St. Somewhere

http://www.worldofmutants.forumotion.com

Back to top Go down

Solved Re: Menu on a side

Post by Sanket on July 30th 2012, 7:43 pm

Code:
div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100;}
Instead of that use this.
Code:
div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100; left:100px}
Change the 100px for left to anything that you want. That should work.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Menu on a side

Post by Asriel on July 30th 2012, 7:47 pm

It worked. Thank you very much! Solved.

Asriel
Forumember

Male Posts : 583
Reputation : 30
Language : English, Russian, Ukrainian
Location : St. Somewhere

http://www.worldofmutants.forumotion.com

Back to top Go down

Solved Re: Menu on a side

Post by Sanket on July 30th 2012, 7:53 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.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