Floating menu

by viankova 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.
Floating menu Ddud_d10

by Nera. 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%; }

by viankova 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 ....

by Vlajki 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.

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

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

by viankova 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?

by Nera. 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.

by viankova 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.