Shop More Submit  Join Login
×




Details

Submitted on
September 25, 2013
File Size
1.0 KB
Link
Thumb
Embed

Stats

Views
8,725 (29 today)
Favourites
636 (who?)
Comments
57
Installs
1,611 (10 today)
×
Code Snippet - 2 Column Menu by Gasara Code Snippet - 2 Column Menu by Gasara
09.10.2013 - Updated to remove dA's new default external link styles.

Here we have a template for a simple 2 column navigation menu. The menu has been designed to work on profile pages but can be added to full journal css too. Please see below for help with using this code snippet.

I N F O
--------------------------------------------------

Width: Liquid
Customizable: Yes
Tested in IE, Chrome & Firefox

Custom journal skins can only be used by premium members.

H E L P
--------------------------------------------------

Click the Install button in the sidebar to add the skin to your gallery. The links below will provide further help with adding the skin to a widget on your profile page and changing the style of the menu.

FAQ12 - How do I add a custom menu?
FAQ22 - How do I install a journal skin?
FAQ23 - How do I change my journal skin?
FAQ24 - How do I edit my journal skin?

Basic HTML Formatting Guide
Basic CSS Style Guide


U S A G E
--------------------------------------------------

- This skin is free to use
- You can completely edit this skin for personal use
- You can use this skin on your profile
- You can add this code to existing or new journal CSS

- You may not redistribute this skin, edited or otherwise
- You may not sell this skin, edited or otherwise
Add a Comment:
 
:iconxgalaxial:
xGalaxial Featured By Owner 2 days ago  Hobbyist Digital Artist
How do I change the colours?
Reply
:iconmelmuff:
MelMuff Featured By Owner Edited Nov 10, 2014  Hobbyist General Artist
Using it on my profile here. Thanks for providing this. For so long I had wondered how to get such a menu on my profile and now I know it's simply CSS. :D
Reply
:iconzebrafluff:
ZebraFLUFF Featured By Owner Nov 2, 2014  Student Traditional Artist
I don't understand how I put this on my page
Reply
:icongloomy-butt:
Gloomy-Butt Featured By Owner Oct 26, 2014  Student Digital Artist
How do I put this on a custom box.
I'm able to put the HTML code on a custom box, the CSS code is lost and I have no idea how to integrate the two to make it look like the one above. Is there any way to do this in a much simpler way, or can it only be put on the featured deviation slot?
Reply
:icongloomy-butt:
Gloomy-Butt Featured By Owner Oct 26, 2014  Student Digital Artist
Nevermind. I got it.
Reply
:iconrani-ki:
Rani-ki Featured By Owner Oct 30, 2014  Hobbyist Digital Artist
Oh, could you tell me how you did it? ; /// ;
Reply
:icongloomy-butt:
Gloomy-Butt Featured By Owner Oct 30, 2014  Student Digital Artist
I... just gave up on trying to. No tutorials existed and nothing I tried worked, so I gave up. I'm sorry. ;^;
Reply
:iconrani-ki:
Rani-ki Featured By Owner Oct 30, 2014  Hobbyist Digital Artist
Aaahhh--- that's sad ; A ; But thank you anyway!! c:
Reply
:iconcarapherneiia:
CarapherneIia Featured By Owner Aug 29, 2014  Hobbyist Digital Artist
How do I get them to act as buttons, to lead where I would like them to go?
Reply
:icongasara:
Gasara Featured By Owner Aug 29, 2014
Once you've installed the skin to your journal, go into the editing section. You need to add the URL of the page you want to link to as well as change the link text. Look for the following section of code:

<a class="menu" href="">Link</a>

Add the URL inbetween the quote marks after href= and replace Link with the text you want to become clickable. For example:

<a class="menu" href="http//www.mylink.com">My Button Name</a>

The following should help you out.

FAQ22 - How do I install a journal skin?
FAQ23 - How do I change my journal skin?
FAQ24 - How do I edit my journal skin?
FAQ16 - How do I create a text link?
FAQ21 - How do I find a page URL?
Reply
Add a Comment: