#drop down menu

How To Add A Working Hyperlink (and other cool shit)

You may have noticed that pasting a basic Web link into ao3 doesn't work. Well there is a relatively simple solution to that problem that allows you to insert links and even make them look nice and tidy.

Adding A Hyperlink

A working hyperlink can be added using this pice of code:

<a href="add link here">write what you want the it to say here</a>

I'm just going to link my Tumblr here as an example:

https://sak-supernatural.tumblr.com/

|

\/

Come give me a follow?

Adding A Drop Down Menu

A drop down menu can be added using this piece of code:

This is a simple-to-use, SEO-friendly jQuery site navigation plugin to generate a Windows File Explorer style multi-level dropdown menu from nested HTML unordered lists.

Demo

Download

Yeah sure! I have my own dropdown script as well, so I would be happy to help you out. 

I originally used acuite’s script, but at one point it wasn’t working for something that I needed so I made my own! Okay here we go

Here is my script:

<br />$(document).ready(function(){<br />    $(“.title”).click(function(){<br />   $(this).next(“.menu”).slideToggle( 400 );<br />});<br />});

Just paste this code into your theme and replace .title and .menu with what your own title/dropdown menu are called

If you would like to change how fast the dropdown menu appears then just change ‘400’

hi there anon,there are lots of ways to create drop down menus - you can have a click to drop down or just a hover drop down.  it really depends what you want to achieve... if you want the menu link to appear somewhere within a list of current links, you may also need to edit your current code - it may not be a straight forward addition.  also - there’s nothing wrong with trial and error - believe me!  just make sure to save a copy of your code before you start to edit it, and if anything goes a little bit sideways, you can always revert back to it!  

as a starter for ten you could try checking out these tutorials - 

hover menu

click menu

as mentioned these will need to be integrated with your current code/menu, and you may need to adjust the styling.  without knowing where you want to place this i’m afraid that’s about as much as i can suggest!  if you get stuck or have problems, you could ask the original code author of your theme, providing they offer assistance for customisations!

A trendy site navigation concept that morphs the hamburger button into a dropdown menu using jQuery and CSS3 animations.

Demo

Download