Quick side menu

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>

When you are posting coding, please use the code tags.

Code:

[code][/code]

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>

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.

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

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.

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>

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

http://creativecafe.forumotion.com/

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

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.

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.

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 : \'

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.

@aprilshowers0923 is this solved ?

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