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.

Floating menu

3 posters

Go down

Solved Floating menu

Post 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
viankova
viankova
Forumember

Female Posts : 138
Reputation : 0
Language : Sumen

View user profile

Back to top Go down

Solved Re: Floating menu

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

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

View user profile

Back to top Go down

Solved Re: Floating menu

Post 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 ....
viankova
viankova
Forumember

Female Posts : 138
Reputation : 0
Language : Sumen

View user profile

Back to top Go down

Solved Re: Floating menu

Post 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.

Vlajki
Vlajki
Forumember

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

View user profile

Back to top Go down

Solved Re: Floating menu

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

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

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

View user profile

Back to top Go down

Solved Re: Floating menu

Post 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?
viankova
viankova
Forumember

Female Posts : 138
Reputation : 0
Language : Sumen

View user profile

Back to top Go down

Solved Re: Floating menu

Post 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.
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

View user profile

Back to top Go down

Solved Re: Floating menu

Post 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.
viankova
viankova
Forumember

Female Posts : 138
Reputation : 0
Language : Sumen

View user profile

Back to top Go down

Solved Re: Floating menu

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

Solved ~ Locked
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

View user profile

Back to top Go down

Back to top

- Similar topics

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