Shop Mobile More Submit  Join Login
×

Featured in Collections

Codes by Insacove




Details

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

Stats

Views
6,902 (4 today)
Favourites
480 (who?)
Comments
40
Installs
1,332 (4 today)
×
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:
 
:iconhusky-friend:
Husky-friend Featured By Owner Jan 7, 2015  Hobbyist Digital Artist
oh How can I put this in my Widget (costums) on my profile ? :o
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
:iconcometpastels:
CometPastels 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
:iconcometpastels:
CometPastels 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
:iconcometpastels:
CometPastels 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
:iconjirachis:
jirachis Featured By Owner Aug 16, 2014  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
:iconjirachis:
jirachis Featured By Owner Aug 17, 2014  Hobbyist Digital Artist
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
:iconjust-to-look1:
Just-To-Look1 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
:iconjust-to-look1:
Just-To-Look1 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  Hobbyist 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  Hobbyist General Artist
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
:iconyurikitten:
YuriKitten Featured By Owner Sep 25, 2013  Hobbyist General Artist
I just noticed the link to Custom Coded Widget Tutorial goes to the journal one too! 
Is it supposed to do that ? xo

and thanks for these tuts xo
Reply
:icongasara:
Gasara Featured By Owner Sep 25, 2013

No, that was just a placeholder. I was uploaing the tutorial and the two templates at the same time so just needed a second to get the correct url once the tutorial was uploaded. The link's updated now. :D

And you're very welcome ♥

Reply
:iconyurikitten:
YuriKitten Featured By Owner Sep 25, 2013  Hobbyist General Artist
oh hehe okies for some reason i thought maybe those links 
were in all the template and coding stuff you upload lol!!
xo
Reply
:iconkingadler:
KingAdler Featured By Owner Sep 25, 2013  Student Digital Artist
uh ... there is no install button ... and how would you put this on a profile if you install it as a journal?
Reply
:icongasara:
Gasara Featured By Owner Sep 25, 2013
The Install button is in the sidebar on the right, just above the More From This Artist section. :)
Reply
:iconkingadler:
KingAdler Featured By Owner Sep 25, 2013  Student Digital Artist
oh i found it. it wasnt there before, maybe i clicked it before it was fully uploaded.

but still, how do you get the links to go on your userpage like in a custom box instead of journal? is that possible? because i really like the looks of these. they're very clean and they'd match my theme
Reply
:icongasara:
Gasara Featured By Owner Sep 25, 2013
There's a link to a tutorial I just uploaded in the help section that explains how to do that. You can find it here: gasara.deviantart.com/art/Cust…
Reply
Add a Comment: