Shop Mobile More Submit  Join Login
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:
 
:iconiceisland:
IceIsland Featured By Owner Oct 13, 2015  Hobbyist General Artist
Reply
:iconolliewally:
OllieWally Featured By Owner Oct 13, 2015
THANK UUU <33
now I just gotta figure out how to install this nhg 
Reply
:iconiceisland:
IceIsland Featured By Owner Oct 13, 2015  Hobbyist General Artist
LOL click in install
Edit the journal
And look on the links here~
It isn't soo hard XD
Reply
:iconolliewally:
OllieWally Featured By Owner Oct 13, 2015
NOT TO U MAYB
I might bug you on skype tomorrow about this, I'm so sorry ; ;
Reply
:iconiceisland:
IceIsland Featured By Owner Oct 13, 2015  Hobbyist General Artist
xD
I can try to help
Though I'm a noob~
Reply
:iconolliewally:
OllieWally Featured By Owner Oct 13, 2015
pfff, nah you're not
Reply
:iconiceisland:
IceIsland Featured By Owner Oct 13, 2015  Hobbyist General Artist
XD
Reply
:iconcreepsalote78:
Creepsalote78 Featured By Owner Jun 6, 2015
Hi!
I was wondering if you could help me with my journal skin.
Im looking for making the side buttons drawn out here - Vs 1 by Creepsalote78  - usable.
I pretty much know nothing about HTML formating or coding at all, and the person who tried to help me had just ran out of PM so they couldn't test anything out for me.
Would I have to make seperate buttons and upload them with something like < div align="left" > before each collum? Im unsure.
Any help would be much appreciated!
Reply
:iconmotherofhotpockets1:
Awesome! :D
Reply
:iconbeabu:
beabu Featured By Owner May 30, 2015  Hobbyist Traditional Artist
Where is the code for it o.o?
Reply
:icondenmaaark:
DENMAAARK Featured By Owner Oct 21, 2015  Student General Artist
I have been trying to find it too ;n;
Reply
:iconcannidae:
Cannidae Featured By Owner Mar 18, 2015  Hobbyist General Artist
Reply
:iconlllrah:
LllRAH Featured By Owner Mar 18, 2015  Hobbyist Digital Artist
Thanks :''D
Reply
:iconsloth-on-a-pedestal:
sloth-on-a-pedestal Featured By Owner Edited Mar 17, 2015  Hobbyist Digital Artist
thanks!
Reply
:iconzakemie:
Zakemie Featured By Owner Jan 7, 2015  Hobbyist Digital Artist
oh How can I put this in my Widget (costums) on my profile ? :o
Reply
:iconneko-loverx3:
neko-loverx3 Featured By Owner Mar 23, 2015  Hobbyist Traditional Artist
I don't know if you still need help but its not able to be put in a custom box on your page. 
The full tutorial gasara published on how to use these can be located here FAQ12 - How do I add a custom menu?
Reply
:iconzakemie:
Zakemie Featured By Owner Mar 24, 2015  Hobbyist Digital Artist
Oh cool, thank you for the help :D
Reply
:iconneko-loverx3:
neko-loverx3 Featured By Owner Mar 24, 2015  Hobbyist Traditional Artist
Glad I could help (: 
Reply
:iconaevspeare:
Aevspeare Featured By Owner Jan 1, 2015  Student General Artist
I'm using this :la: thank you very much 
Reply
:iconqriiffer:
qriiffer Featured By Owner Nov 20, 2014
is this able to be installed into a custom box on my profile?
Reply
:iconcometstruck:
Cometstruck Featured By Owner Sep 1, 2014  Hobbyist General Artist
Hello, thank you so much for these buttons! I have a question, is there a way that I can give it a custom background? I tried CypherVisor's tutorial, but I couldn't really complete it since the featured deviation isn't an image... ^^;

Thank you very much for your time!
Reply
:icongasara:
Gasara Featured By Owner Sep 7, 2014
Hi! I see you've got this figured out now. I'm so sorry I couldn't reply sooner.
Reply
:iconcometstruck:
Cometstruck Featured By Owner Sep 7, 2014  Hobbyist General Artist
No need to apologize, it's perfectly fine! Sometimes life just gets too busy to be dawdling around online. Thank you so much for providing these column links! Love 
Reply
:iconcometstruck:
Cometstruck Featured By Owner Sep 1, 2014  Hobbyist General Artist
Never mind, I figured it out! XD

Thanks anyway! :)
Reply
:iconp-i-c-k-l-e:
p-i-c-k-l-e Featured By Owner Edited Aug 22, 2014  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
:icongasara:
Gasara Featured By Owner Sep 7, 2014
Do you also still need help with this bit?
I'm so sorry I couldn't reply sooner.
Reply
:iconp-i-c-k-l-e:
p-i-c-k-l-e Featured By Owner Sep 7, 2014  Hobbyist Digital Artist
no I have the answer but thank you anyway c:
Reply
:iconhotchoclety:
hotchoclety Featured By Owner Aug 16, 2014
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
:iconhotchoclety:
hotchoclety Featured By Owner Aug 17, 2014
ok thanks !
Reply
:icongloomy-butt:
Gloomy-Butt 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
:icongloomy-butt:
Gloomy-Butt 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
:icongasara:
Gasara Featured By Owner Jul 13, 2014
Hi.
There's only this version to install. You can change the colours by installing the skin and then clicking on the Edit Skin link on the right hand side of the Sta.sh Writer. You'll need to change the following code:

background-color: #1f1f1f;
color:#fff;

to:

background-color: #ffffff;
color:#000000;
Reply
:iconnyrrus:
nyrrus Featured By Owner Jul 13, 2014  Hobbyist Digital Artist
Thank you! 
Reply
:icongasara:
Gasara Featured By Owner Jul 13, 2014
You're welcome!
Reply
:icongoodnight-melbourne:
Goodnight-Melbourne Featured By Owner Jun 3, 2014   Traditional Artist
I spent a week for such a thing...even for a tutorial! And here it was ! happy cry XD 
Thank you :)
Reply
:iconpeppermintsoda:
PeppermintSoda Featured By Owner Apr 19, 2014  Student Traditional Artist
This helped me a lot. But, is it okay if I credit you or not? :shrug:
Reply
:icongasara:
Gasara Featured By Owner Apr 19, 2014
I'm glad it helped. You don't need to credit me for this. ^^
Reply
:iconpeppermintsoda:
PeppermintSoda Featured By Owner Apr 19, 2014  Student Traditional Artist
:)
Reply
:iconyeelixir:
Yeelixir Featured By Owner Jan 2, 2014  Hobbyist General Artist
is it possible to do something like this in a custom box?
Reply
:icongasara:
Gasara Featured By Owner Feb 5, 2014
Sadly, no. You can mimic the effect by creating images that look like the menu buttons but at the moment you can't implement the css needed to make this work in custom boxes.
Reply
:icontana-jo:
TaNa-Jo Featured By Owner Jan 4, 2014  Student General Artist
yes :D
Reply
:iconyeelixir:
Yeelixir Featured By Owner Jan 2, 2014  Hobbyist General Artist
im using it
Reply
:icontorotix:
Torotix Featured By Owner Dec 29, 2013  Professional Interface Designer
Is there a way to put a url background behind the buttons here without implementing it onto the buttons itself? 
Reply
:iconbellechan:
Bellechan Featured By Owner Oct 13, 2013
thanks for this skin. It's just what I was looking for.

I have a question. I need put a title in the journal, but I didn't find a way. When I submited the journal was titled "Devious journal entry".
Can you help me?
Reply
Add a Comment:
 
×




Details

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

Stats

Views
12,623 (6 today)
Favourites
852 (who?)
Comments
57
Installs
2,586 (3 today)
×