Hitskin.com
by Asriel July 30th 2012, 3:34 pmIf 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?
This is a Hitskin.com skin preview
Install the skin • Return to the skin page
3 posters
Menu on a side
Asriel- Forumember
Posts : 585
Reputation : 32
Language : English, Russian, Ukrainian
Location : St. Somewhere
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
http://www.dynamicdrive.com/dynamicindex1/slideinmenu.htm
Can search for various menus on google.
Can search for various menus on google.
Reverse- Forumember
- Posts : 362
Reputation : 8
Language : english
Location : GraphicZone
there is a way to get this without google 
just do the following:
ACP>Modules>Forum Widgets Management>New Widget
Then put this in the Widget:
Then save
They you would have to start HTML Coding.
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.
Asriel- Forumember
- Posts : 585
Reputation : 32
Language : English, Russian, Ukrainian
Location : St. Somewhere
I did try various google codes, but they don't seem to work for me.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Please explain more about it?
Asriel- Forumember
- Posts : 585
Reputation : 32
Language : English, Russian, Ukrainian
Location : St. Somewhere
Like, they give me a code...for instance like this.
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.<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>
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
That should go into the css. Display>Colors>Css stylesheet tab
This bit of code can go into Display>Generalities
Homepage Message
Message:Content
- 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>
Asriel- Forumember
- Posts : 585
Reputation : 32
Language : English, Russian, Ukrainian
Location : St. Somewhere
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
www.unitedduelacademy.forumotion.com
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
- Code:
div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100;}
- Code:
div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100; left:100px}
Asriel- Forumember
- Posts : 585
Reputation : 32
Language : English, Russian, Ukrainian
Location : St. Somewhere
It worked. Thank you very much! Solved.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
| Topic Solved & Locked |
Facebook
Twitter
Pinterest
Youtube
