Shop Forum More Submit  Join Login
[04] Code Snippet - Multi Column Menu by Gasara [04] Code Snippet - Multi Column Menu by Gasara
ABOUT

A simple multi column menu for use in journal skins or as a profile page menu.

[-ai- ROMANCE] Light Pink Heart Bullet by Gasara LIVE PREVIEW

------------------------------------

FEATURES
 
Width: Fixed*
Customizable: Yes**
Tested in IE, Chrome & Firefox

* The width of this code has been set to ensure the best compatibility with mobile devices when used on profile pages. It can, course, be altered if you prefer.
** You can add/remove as many column sections as you like. Simply copy/paste the relevant code in the <table> tags. Works best with one line of link text.

------------------------------------

NOTES

i. Custom journal skins can only be used by core members
ii. This snippet is completely free to use
iii. You may edit this snippet as much as you like

------------------------------------

INSTALLATION

- Download the zip file from the download link on the right of this page.
- Extract the contents of the file.
- Follow the instructions inside.
- More information can be found via the help links below.

------------------------------------

SUPPORT

If you like my work, please consider supporting me on  Ko-fi





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
Add a Comment:
 
:iconatmosqheriic:
atmosqheriic Featured By Owner Nov 6, 2018  Hobbyist Digital Artist
aa thankyou so much for making these! nwn
Reply
:iconhiratsumi:
Hiratsumi Featured By Owner Oct 1, 2018  Hobbyist Digital Artist
How I put a color or image on the background? 
If its a literature one?
Reply
:iconstarsden:
StarsDEN Featured By Owner Sep 16, 2018
Hi! I'm very sorry to bother you for this but I can't figure out how to make it work...
The problem is that once I'm done with the sta.sh file and I go to submit it, it submits it as a journal entry and not as a deviation: this way I can't add it to the featured deviation widget... I have no idea how to solve it Q.Q
Reply
:iconnanoka-san:
Nanoka-san Featured By Owner Jul 30, 2018  Hobbyist Digital Artist
Hi I've trouble when I try to install this menu on my profile. I did all the steps but when it's uploaded on my profile, the bottom part seems hidden.
I've tried to write something in the description and it shows the text over the menu. Also, I tried to add a background, but it covers all the menu except the table.
How the menu should be: fav.me/dciqf2w
Please help :c
Reply
:icongasara:
Gasara Featured By Owner Jul 30, 2018  Professional General Artist
Hiya. Content in the Featured Deviation widget has a maximum height of 350px. I think I added a margin to the .content section of the code. Try setting that to 0px to see if that helps. If not, you might have to reduce how much text you have.

I can't tell what's causing the other issue without seeing the code. If you could take a screenshot of the background issue and both the CSS and the code in your widget I'll take a look for you.
Reply
:iconnanoka-san:
Nanoka-san Featured By Owner Jul 30, 2018  Hobbyist Digital Artist
Ok thank you for your answer! I've sent you a note with screeshots and details.
Reply
:iconkyuneh:
kyuneh Featured By Owner Edited Jul 27, 2018  Hobbyist Digital Artist
Hey! So I'm noob level 1000000000 so please help if you can ;-; I want to use this for my page but I also want to change the color how tho ;-;-
Reply
:icongasara:
Gasara Featured By Owner Jul 29, 2018  Professional General Artist
Hiya!:iconcocowaveplz:

Download and install the skin, then find and change the following sections:

a.menu {
   background:#1e2530;  <-- This changes the background colour of the links.
   color:#ffffff; <-- This changes the text colour

a.menu:hover {
   background: #54bac8;  <-- This changes the background colour of the links on hover.

Replace the hex colour code (shown in bold) and this will change the colours of your menu. You can find the hex colour code for any colour here.

Hope that helps!
Reply
:iconpeekychew:
PeekyChew Featured By Owner Jul 29, 2018  Professional Digital Artist
Can you change the colours for individual buttons, or is it just all of them at once? Also, great work on this! I'll definitely be making use of it :) 
Reply
:iconxyuenna:
Xyuenna Featured By Owner Jul 8, 2018  Student Digital Artist
I Watch You For These Waaaah! Keep Your Awasome Work. I'll Wait Another Awasome Things To Come Huggle! 
Reply
:icongasara:
Gasara Featured By Owner Jul 10, 2018  Professional General Artist
Ah, thank you lovely! I'm very happy to know you enjoy them. :hug:
Reply
:iconxyuenna:
Xyuenna Featured By Owner Jul 10, 2018  Student Digital Artist
Your Welcome! Your CSSs Always Killing Me X.X
Reply
:iconreincarnationz:
reincarnationz Featured By Owner Jun 30, 2018  Student General Artist
BLESS YOU FOR THESE !! <333
Reply
:icongasara:
Gasara Featured By Owner Jun 30, 2018  Professional General Artist
:iconcocoloveplz:
Reply
Add a Comment:
 
×




Details

Submitted on
June 30
File Size
10.1 KB
Link
Thumb

Stats

Views
1,383 (1 today)
Favourites
174 (who?)
Comments
15
Downloads
156