The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Menu on a side

3 posters

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

Go down

Solved Menu on a side

Post by Asriel 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
Asriel
Forumember

Male Posts : 585
Reputation : 32
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 July 30th 2012, 6:01 pm

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

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

Back to top Go down

Solved Re: Menu on a side

Post by Reverse 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.
avatar
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 July 30th 2012, 7:14 pm

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

Male Posts : 585
Reputation : 32
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 July 30th 2012, 7:16 pm

Please explain more about it?
Sanket
Sanket
ForumGuru

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

Back to top Go down

Solved Re: Menu on a side

Post by Asriel 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
Asriel
Forumember

Male Posts : 585
Reputation : 32
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 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
Sanket
ForumGuru

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

Back to top Go down

Solved Re: Menu on a side

Post by Asriel 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
Asriel
Forumember

Male Posts : 585
Reputation : 32
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 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
Sanket
ForumGuru

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

Back to top Go down

Solved Re: Menu on a side

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

It worked. Thank you very much! Solved.
Asriel
Asriel
Forumember

Male Posts : 585
Reputation : 32
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 July 30th 2012, 7:53 pm

Topic Solved & Locked
Sanket
Sanket
ForumGuru

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

Back to top Go down

Back to top

- Similar topics

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

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