Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
September 25, 2013
File Size
783 bytes
Link
Thumb
Embed

Stats

Views
4,752
Favourites
325 (who?)
Comments
30
Installs
815
×
Code Snippet - 1 Column Menu by Gasara Code Snippet - 1 Column Menu by Gasara
09.10.2013 - Updated to remove dA's new default external link styles.

Here we have a template for a basic 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:
 
:iconcarapherneiia:
CarapherneIia Featured By Owner Edited Aug 22, 2014  New member Hobbyist Digital Artist
Hi, is there any way to change the color of the button? Also, I tried but I can'd find a way to put the links in? Like the link,where the button leads to... Help? (I figured out the striken question)
Reply
:iconnuttertron:
NutterTron Featured By Owner Aug 16, 2014  New member Hobbyist Digital Artist
i hope you dont mind me asking, but how do you put the buttons on your profile page ?
Reply
:icongasara:
Gasara Featured By Owner Aug 17, 2014
Hi. This explains how to do it:

FAQ12 - How do I add a custom menu?
Reply
:iconnuttertron:
NutterTron Featured By Owner Aug 17, 2014  New member Hobbyist Digital Artist
ok thanks !
Reply
:icongloompelt:
Gloompelt Featured By Owner Aug 3, 2014  Student Digital Artist
Hey. c: I was using this on my page, but it seems a whole lot smaller than the one you show here. Any way to fix it so it's long like it's shown above?
Reply
:icongasara:
Gasara Featured By Owner Aug 17, 2014
Hi there!

This menu has a liquid width which means it changes size depending on your browser window, which is probably what is making your menu look smaller. You can define a certain width by changing the value of the width property under the body section of the CSS. It is set at 40% by default. You can change this to any percentage or pixel width. Setting a pixel width means that your menu with always stay the same length, regardless of your window size.
Reply
:icongloompelt:
Gloompelt Featured By Owner Aug 17, 2014  Student Digital Artist
Ah, okay. Thank you~!
Reply
:iconlikelylupine:
LikelyLupine Featured By Owner Aug 14, 2014  Hobbyist Digital Artist
Oh wait I think I figured it out. XD
Reply
:iconlikelylupine:
LikelyLupine Featured By Owner Aug 14, 2014  Hobbyist Digital Artist
umm I was just wondering what code you used to put it on your profile, I'd love to have buttons like these. :3
Reply
:iconnyrrus:
nyrrus Featured By Owner Jul 13, 2014  Hobbyist Digital Artist
Is there a white one with black text? 
Reply
Add a Comment: