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.

Quick side menu

View previous topic View next topic Go down

Solved Quick side menu

Post by aprilshowers0923 on Wed 17 Feb - 5:03

Hi I have the following coding for a quick side menu which is working fine but I want to add to it and it wont let me.

Code:
document.write('<style type="text/css">#menu,#menu a{font-family:Arial,Helvetica,sans-serif;padding:5px;font-weight:700}#menu,#menu #bar,#menu a,#menu a:hover{font-weight:700}#menu{position:fixed;top:40px;left:-192px;width:210px;height:530px;font-size:14px;color:#CB8D9A;overflow:hidden;border:1px solid #000;background:#E0E1DF}#menu:hover{left:0}#menu a{font-size:12px;line-height:20px;color:#000;font-style:normal;text-decoration:none}#menu a:hover{color:#d00;text-decoration:underline}#menu #bar{position:absolute;top:0;right:0;width:25px;padding:2px;text-align:center;height:536px;font-size:14px;background:#3A3A3A}#menu hr{border:0;color:#000;height:1px;text-align:center;width:100%;background:#000}</style>');
$(function() {
document.body.insertAdjacentHTML('beforeEnd', '<div id="menu">
<div id="bar"><br><br><br><br><br><br>Q<br>U<br>I<br>C<br>K<br><br><br>F<br>O<br>R<br>U<br>M<br><br><br>M<br>E<br>N<br>U</div>


Last edited by aprilshowers0923 on Wed 9 Mar - 20:57; edited 2 times in total
avatar
aprilshowers0923
Forumember

Posts : 153
Reputation : 6
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: Quick side menu

Post by SLGray on Wed 17 Feb - 11:45

When you are posting coding, please use the code tags.
Code:
[code][/code]


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38778
Reputation : 2607
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on Wed 17 Feb - 13:07

Code:
document.write('<style type="text/css">#menu,#menu a{font-family:Arial,Helvetica,sans-serif;padding:5px;font-weight:700}#menu,#menu #bar,#menu a,#menu a:hover{font-weight:700}#menu{position:fixed;top:40px;left:-192px;width:210px;height:530px;font-size:14px;color:#CB8D9A;overflow:hidden;border:1px solid #000;background:#E0E1DF}#menu:hover{left:0}#menu a{font-size:12px;line-height:20px;color:#000;font-style:normal;text-decoration:none}#menu a:hover{color:#d00;text-decoration:underline}#menu #bar{position:absolute;top:0;right:0;width:25px;padding:2px;text-align:center;height:536px;font-size:14px;background:#3A3A3A}#menu hr{border:0;color:#000;height:1px;text-align:center;width:100%;background:#000}</style>');
$(function() {
document.body.insertAdjacentHTML('beforeEnd', '<div id="menu">
<div id="bar"><br><br><br><br><br><br>Q<br>U<br>I<br>C<br>K<br><br><br>F<br>O<br>R<br>U<br>M<br><br><br>M<br>E<br>N<br>U</div>
avatar
aprilshowers0923
Forumember

Posts : 153
Reputation : 6
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: Quick side menu

Post by Sir Chivas™ on Wed 17 Feb - 13:10

Hi,

I am not fully comprehending your issue, can you please briefly explain yourself further more? Screenshots or links will help out. What is exactly that you're having issues with?

Regards,
Sir Chivas.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on Wed 17 Feb - 13:24

Code:
document.write('<style type="text/css">#menu,#menu a{font-family:Arial,Helvetica,sans-serif;padding:5px;font-weight:700}#menu,#menu #bar,#menu a,#menu a:hover{font-weight:700}#menu{position:fixed;top:40px;left:-192px;width:210px;height:530px;font-size:14px;color:#CB8D9A;overflow:hidden;border:1px solid #000;background:#E0E1DF}#menu:hover{left:0}#menu a{font-size:12px;line-height:20px;color:#000;font-style:normal;text-decoration:none}#menu a:hover{color:#d00;text-decoration:underline}#menu #bar{position:absolute;top:0;right:0;width:25px;padding:2px;text-align:center;height:536px;font-size:14px;background:#3A3A3A}#menu hr{border:0;color:#000;height:1px;text-align:center;width:100%;background:#000}</style>');
    $(function() {
      document.body.insertAdjacentHTML('beforeEnd', '<div id="menu">
    <div id="bar"><br><br><br><br><br><br>Q<br>U<br>I<br>C<br>K<br><br><br>F<br>O<br>R<br>U<br>M<br><br><br>M<br>E<br>N<br>U</div>
<BR>
Things You Should Know <br>
<a rel="nofollow" href="http://creativecafe.forumotion.com/f1-stop-here-first">Stop Here First </a><br>
<hr>

Contests/Special Events<br>
    <a rel="nofollow" href="http://creativecafe.forumotion.com/f10-cafe-contests">Cafe Contests</a><br>
   
    <hr>
  Challenges<br>
    <a rel="nofollow" href="http://creativecafe.forumotion.com/f55-color-palette-challenge">Color Palette Challenges</a><br>
    <a rel="nofollow" href="http://creativecafe.forumotion.com/f139-element-challenge">Element Challenges</a><br>
    <a rel="nofollow" href="http://creativecafe.forumotion.com/f49-font-challenge">Font Challenges</a><br>
    <a rel="nofollow" href="http://creativecafe.forumotion.com/f60-frame-challenge">Frame Challenges</a><br>
    <a rel="nofollow" href="http://creativecafe.forumotion.com/f74-ftu-tube-challenge">FTU Tube Challenges </a><br>
    <a rel="nofollow" href="http://creativecafe.forumotion.com/f21-mask-challenge">Mask Challenges</a><br>
    <a rel="nofollow" href="http://creativecafe.forumotion.com/f19-scrapkit-challenge">Scrapkit Challenges</a><br>
    <a rel="nofollow" href="http://creativecafe.forumotion.com/f18-template-challenge">Template Challenges </a><br>
    <a rel="nofollow" href="http://creativecafe.forumotion.com/f212-weekly-tuts">Weekly Tutorials Challenges</a><br>
    <a rel="nofollow" href="http://creativecafe.forumotion.com/f24-word-art-challenge">Word Art Challenges</a><br>

<hr>Activities<br>
<a rel="nofollow" href="http://creativecafe.forumotion.com/f8-chit-chat">Chit Chat (General Board)</a><br>
<a rel="nofollow" href="http://creativecafe.forumotion.com/f3-daily-stuff">Daily Stuff</a><br>
<a rel="nofollow" href="http://creativecafe.forumotion.com/f4-games">Games</a><br>
<a rel="nofollow" href="http://creativecafe.forumotion.com/f127-cafe-s-always-list">Cafe Always List</a><br>
<a rel="nofollow" href="http://creativecafe.forumotion.com/t22619-make-me-this-2015-29">Make Me This</a><br>
<a rel="nofollow" href="http://creativecafe.forumotion.com/f68-taggy-trade">Taggy Trade</a><br>
<a rel="nofollow" href="http://creativecafe.forumotion.com/f71-show-your-stuff">Show Your Stuff</a><br>

 </div>');
    });

I use that quick menu on the side of the page. It is a hidden menu until you click on it....most important activities of the forum is on there...I want to add to it like new challenges and it wont let me...
avatar
aprilshowers0923
Forumember

Posts : 153
Reputation : 6
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: Quick side menu

Post by Sir Chivas™ on Wed 17 Feb - 13:32

Okay,

so by adding more, you're going to have to use this following code:
Code:
<a rel="nofollow" href="the link goes here">Title goes here</a><br>

Replace the following: the link goes here and title goes here on the above code with your personalize links and titles. So after the last "Show your stuff," the following code above will be inserted.

I hope this helps.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on Wed 17 Feb - 13:41

That is what I did before I posted here. I add it and it doesnt take...I think its because of how long the menu is..I think it needs to be longer so that it can take more <a rel="nofollow" href="the link goes here">Title goes here</a><br>
avatar
aprilshowers0923
Forumember

Posts : 153
Reputation : 6
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: Quick side menu

Post by Sir Chivas™ on Wed 17 Feb - 13:43

Can you please provide me your forum URL? Thank you.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on Wed 17 Feb - 13:45


http://creativecafe.forumotion.com/

You will find it on the left side of the page...its a hidden menu
avatar
aprilshowers0923
Forumember

Posts : 153
Reputation : 6
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: Quick side menu

Post by Sir Chivas™ on Wed 17 Feb - 14:29

If you wish to submit the links and titles of things you want to be added, I will surely be kind to rewrite the code for you. Very good



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on Wed 17 Feb - 15:17

Under Things you should know

http://creativecafe.forumotion.com/f51-meet-your-creative-team >Meet Your Creative Team<
http://creativecafe.forumotion.com/f291-meet-our-member> Meet Our Members<
http://creativecafe.forumotion.com/f9-let-s-all-welcome> Lets All Welcome<

For now I have those but I would like to be able to add in the future on my own.



avatar
aprilshowers0923
Forumember

Posts : 153
Reputation : 6
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: Quick side menu

Post by Ange Tuteur on Wed 2 Mar - 2:20

Hey, the area that you can submit HTML to the body is right here :
Code:
document.body.insertAdjacentHTML('beforeEnd', 'HTML');
( NOTE I cleaned out the original HTML you had )

Where HTML is, is where you can copy and paste your HTML code. Just make sure that if it contains a single quote ( or apostrophe : ' ) to escape it like this : \'
avatar
Ange Tuteur
Forumaster

Male Posts : 13154
Reputation : 2843
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on Wed 2 Mar - 18:49

The type of thing I would need to add is this:

http://creativecafe.forumotion.com/f51-meet-your-creative-team>Meet Your Creative Team


So I am confused.
avatar
aprilshowers0923
Forumember

Posts : 153
Reputation : 6
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: Quick side menu

Post by APE on Tue 15 Mar - 15:11

@aprilshowers0923 is this solved ?



avatar
APE
Manager
Manager

Male Posts : 10134
Reputation : 945
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Quick side menu

Post by APE on Sun 20 Mar - 6:45

as no reply and marked as solved i will lock this thread.
Topic solved and archived



avatar
APE
Manager
Manager

Male Posts : 10134
Reputation : 945
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

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