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.

Floating menu

View previous topic View next topic Go down

Solved Floating menu

Post by viankova on July 17th 2011, 5:38 pm

Hello. I have this code. It's for a floating menu. My question is how to add it to forum index like on the screen shot.

The code is
Code:
<ul class="floating-menu">
<li>
<a href="http://the-citadel.secretstories.org/t31-topic">
<img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-mail-mark-task-icon.png" border="0" alt="ПРАВИЛА"/>
</a>
</li>
<li>
<a href="http://the-citadel.secretstories.org/f51-forum">
<img src="http://i1098.photobucket.com/albums/g380/leahdyre23/AscensionBook1Ascensionjpeg-1.jpg" border="0" alt="Възнесение"/>
</a>
</li>
<li>
<a href="http://the-citadel.secretstories.org/f35-forum">
<img src="http://i41.servimg.com/u/f41/13/91/36/12/png8a10.png" border="0" alt="Ревюта"/>
</a>
</li>
<li>
<a href="http://the-citadel.secretstories.org/f22-forum">
<img src="http://icons.iconarchive.com/icons/itzikgur/my-seven/48/Books-2-icon.png" border="0" alt="КНИГИ"/>
</a>
</li>
<li>
<a href="http://the-citadel.secretstories.org/c9-category">
<img src="http://icons.iconarchive.com/icons/john-freeborn/ipad/48/iPad-with-keyboard-icon.png" border="0" alt="Роул Плей"/>
</a>
</li>
</ul>


How to add it here. The menu is on the left side.

viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: Floating menu

Post by Nera. on July 18th 2011, 11:08 am

Hi,

Add this to AP >> Display >> Colors >> CSS

Code:
ul.floating-menu {
    left: 10px;
    padding: 4px;
    position: fixed;
    top: 35%;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Floating menu

Post by viankova on July 18th 2011, 1:50 pm

Thank you. Will try it now.

Ok. That is done. But the main code. Where do I put the main code. It's not in css ....

viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: Floating menu

Post by Vlajki on July 18th 2011, 1:58 pm

@viankova wrote:Thank you. Will try it now.

Ok. That is done. But the main code. Where do I put the main code. It's not in css ....

This should work:
AP > Display > Templates > General > overall_header > find
Code:
<body>
and put the code after it.


Vlajki
Forumember

Male Posts : 724
Reputation : 359
Language : Serbian & English
Location : Serbia

Back to top Go down

Solved Re: Floating menu

Post by Nera. on July 18th 2011, 2:15 pm

She's on phpBB3.
Try AP >> Display >> Homepage >> Message content

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Floating menu

Post by viankova on July 18th 2011, 4:16 pm

I'm phpBB2

Also i want to make it moving. When I scroll down the menu scrolls too. Also to keep seeing it when I go in a different section of the forum or topic. Can you help me?

viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: Floating menu

Post by Nera. on July 18th 2011, 6:03 pm

Your profile says differently.
Add the codes posted up, CSS to the CSS stylesheet and the HTML to homebox or as Vladimir said to templates and see does it fit your wishes.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Floating menu

Post by viankova on July 18th 2011, 7:33 pm

@Nera. wrote:Hi,

Add this to AP >> Display >> Colors >> CSS

Code:
ul.floating-menu {
    left: 10px;
    padding: 4px;
    position: fixed;
    top: 35%;
}

@Vlajki wrote:
@viankova wrote:Thank you. Will try it now.

Ok. That is done. But the main code. Where do I put the main code. It's not in css ....

This should work:
AP > Display > Templates > General > overall_header > find
Code:
<body>
and put the code after it.





Thank you very much. It worked. You can mark this as solved.

viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: Floating menu

Post by Nera. on July 18th 2011, 7:34 pm

Solved ~ Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

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