Sliding Info Menu
+4
BetterHax
Jezzda
Derri
Yoshi156
8 posters
Page 1 of 1
Sliding Info Menu
You seen the sliding menu on the left side? that's what I mean, I wonder if any staff know how to make like that? kindly teach me how? thanks!
http://reikai.forumotion.com/forum
http://reikai.forumotion.com/forum
Yoshi156- Forumember
- Posts : 231
Reputation : 0
Language : english
Re: Sliding Info Menu
What sliding menu?
Derri- Helper
- Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom
Re: Sliding Info Menu
Top left, next to the banner. I'd like to know how to create this as well.
Jezzda- Forumember
- Posts : 74
Reputation : 2
Language : English
Re: Sliding Info Menu
Jezzda wrote:Bump.
dont bump other thread..
BetterHax- Forumember
- Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: Sliding Info Menu
BetterHax wrote:Jezzda wrote:Bump.
dont bump other thread..
I'm fairly sure I can bump other threads if I need an answer as well. Otherwise the thread will be forgotten.
Jophy - That link didn't help, it wouldn't work.
Jezzda- Forumember
- Posts : 74
Reputation : 2
Language : English
Re: Sliding Info Menu
BetterHax wrote:Jezzda wrote:Bump.
dont bump other thread..
Please do not moderate others.
Members can reply/bump their own threads as long as the reply is separated by at least 24 hours
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: Sliding Info Menu
So is anybody able to help me with my issue?
Jezzda- Forumember
- Posts : 74
Reputation : 2
Language : English
Re: Sliding Info Menu
Try reading the following threads:
https://help.forumotion.com/t115413-how-to-get-the-slider?highlight=slider
https://help.forumotion.com/t121337-nivo-slider-html-page?highlight=slider
https://help.forumotion.com/t122996-nivo-slider-caption?highlight=slider
You can use the search function for similar questions, there are lots of threads regarding this here.
https://help.forumotion.com/t115413-how-to-get-the-slider?highlight=slider
https://help.forumotion.com/t121337-nivo-slider-html-page?highlight=slider
https://help.forumotion.com/t122996-nivo-slider-caption?highlight=slider
You can use the search function for similar questions, there are lots of threads regarding this here.
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: Sliding Info Menu
I don't want a slider. I just want an info menu that slides out of the side when I hover over it and I'd like to fill it with information about my site.
Jezzda- Forumember
- Posts : 74
Reputation : 2
Language : English
Re: Sliding Info Menu
Jezzda wrote:I don't want a slider. I just want an info menu that slides out of the side when I hover over it and I'd like to fill it with information about my site.
Just give me a mins I'll wright the code for you.
Re: Sliding Info Menu
Hi,
You can do something like this, but instead of placing the image and URL code, place the text or whatever you want.
http://www.csshelp.net/t365-add-floating-social-icons-on-your-forum
You can do something like this, but instead of placing the image and URL code, place the text or whatever you want.
http://www.csshelp.net/t365-add-floating-social-icons-on-your-forum
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Sliding Info Menu
Put this CSS code into your CSS.
Then add this into your Homepage Message.
- Code:
.slide-main {
left: 0;
position: fixed;
top: 20%;
transition-duration: 1s;
}
#menu a {
text-decoration: none;
}
#menu ul li {
padding: 3px 25px;
}
.slide-container {
background: none repeat scroll 0 0 #DCDCDC;
border: 2px solid #444444;
border-radius: 5px 5px 5px 5px;
left: -140px;
position: fixed;
top: 20%;
transition-duration: 1s;
}
.slide-main:hover {
left: 145px;
}
.slide-main:hover .slide-container {
left: 5px;
}
Then add this into your Homepage Message.
- Code:
<div class="slide-main">
<img src="http://cdn5.iconfinder.com/data/icons/Absolute%2032-PNG/32/Warning.png" />
<div class="slide-container">
<div id="menu">
<ul>
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
<li><a href="#">Menu Item 4</a></li>
<li><a href="#">Menu Item 5</a></li>
<li><a href="#">Menu Item 6</a></li>
<li><a href="#">Menu Item 7</a></li>
<li><a href="#">Menu Item 8</a></li>
<li><a href="#">Menu Item 9</a></li>
<li><a href="#">Menu Item 10</a></li>
</ul>
</div>
</div>
</div>
Re: Sliding Info Menu
Thanks! I'd like to know if there is anywhere you know of that I can find good pictures for it.. like the website provided by the topic starter and also how to make it be on every page.
Jezzda- Forumember
- Posts : 74
Reputation : 2
Language : English
Re: Sliding Info Menu
Jezzda wrote:Thanks! I'd like to know if there is anywhere you know of that I can find good pictures for it.. like the website provided by the topic starter and also how to make it be on every page.
Do you have your own images.
Re: Sliding Info Menu
No, that's why I'm asking. How do I have it on every page?
Jezzda- Forumember
- Posts : 74
Reputation : 2
Language : English
Re: Sliding Info Menu
Jezzda wrote:No, that's why I'm asking. How do I have it on every page?
Put it in your templates overall_header
Re: Sliding Info Menu
Could you give me a screenshot of where that is?
Jezzda- Forumember
- Posts : 74
Reputation : 2
Language : English
Re: Sliding Info Menu
Jezzda wrote:Could you give me a screenshot of where that is?
Find this
- Code:
<!-- END switch_login_popup -->
Re: Sliding Info Menu
Matti_7 wrote:Jezzda wrote:Could you give me a screenshot of where that is?
Find thisand put the code below that.
- Code:
<!-- END switch_login_popup -->
go to admin panel> display> templates> general> overall_header template.
Find the part Matti_7 has said above, you can do a search at the top of the template as well.
Then add the second part of the code and hit save. now go back and publish it by clicking the plus icon and your done
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Similar topics
» Menu and notifications buttons are sliding away from each other. Why?
» How to make this Sliding Menu works in Forumotion
» How to change/remofe menu from bottom of page - Open for more info
» Please HELP!
» Sliding Bar as a Navigation Bar??
» How to make this Sliding Menu works in Forumotion
» How to change/remofe menu from bottom of page - Open for more info
» Please HELP!
» Sliding Bar as a Navigation Bar??
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum