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 February 17th 2016, 2:03 pm

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 March 10th 2016, 5:57 am; edited 2 times in total

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 February 17th 2016, 8:45 pm

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.


SLGray
Administrator
Administrator

Male Posts : 36747
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on February 17th 2016, 10:07 pm

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>

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 February 17th 2016, 10:10 pm

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.



Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on February 17th 2016, 10:24 pm

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

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 February 17th 2016, 10:32 pm

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.



Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on February 17th 2016, 10:41 pm

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>

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 February 17th 2016, 10:43 pm

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.



Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on February 17th 2016, 10:45 pm


http://creativecafe.forumotion.com/

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

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 February 17th 2016, 11:29 pm

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.



Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on February 18th 2016, 12:17 am

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.




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 March 2nd 2016, 11:20 am

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Quick side menu

Post by aprilshowers0923 on March 3rd 2016, 3:49 am

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
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 March 15th 2016, 11:11 pm

@aprilshowers0923 is this solved ?





APE
Manager
Manager

Male Posts : 8648
Reputation : 762
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 March 20th 2016, 2:45 pm

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





APE
Manager
Manager

Male Posts : 8648
Reputation : 762
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