prospitian: (6)
Courtney ([personal profile] prospitian) wrote in [community profile] photosynthesis2016-03-06 10:45 pm
Entry tags:

Navigation: The Sky Broke Apart & You Appeared



A fairly simple navigation table with a background image and nine links!

Art Credit: Celty / Refia


Short/Celty Version Tall/Refia Version


Stuff to replace:
background image The URL of the image you want to use as the background. It should be 500x300 pixels exactly for the shorter version, and 350x450 pixels exactly for the taller one.
url one, url two, ... url nine The URLs for each link, one through nine (or eight if you're using the taller version).
link one, link two ... link nine The text for each link.
name Whatever text you'd like in the center banner.
0,0,0,0.7 If you want a different background color for the links, replace those three zeroes with the RGB value of a color. The zeroes are the only thing that should be replaced; leave the commas, (lack of) spacing, and 0.7 intact. If you want to change the text color, too, find the bit that says color:#FFFFFF directly after that and change the #FFFFFF to a hex code of your choice.
0,0,0,0.4 Same as above, but if you want to change the background color for the bar in the middle. If you want to change the text color, too, find the bit that says color:#FFFFFF directly after that and change the #FFFFFF to a hex code of your choice.



Please leave the credit intact, and as always, give me a holler if you need any help with this code at all!
dearboss: (13)

[personal profile] dearboss 2016-04-17 01:26 pm (UTC)(link)
Hello! I just wanted to say that I love this navigation. I altered the short one to only hold 8 links instead of 10 on this account though. But this code looks so lovely.
azuhi: (Default)

[personal profile] azuhi 2016-06-03 02:36 am (UTC)(link)
Hey there! This looks really awesome, I took the Celty one and modified it a little so that it would only have room for six links, as that's all I needed.

Check it out!
ryuugazakirei: (Default)

[personal profile] ryuugazakirei 2016-06-03 03:36 am (UTC)(link)
Same MUN, used that modified version on this blog as well :3
spideyguy: (18)

[personal profile] spideyguy 2016-06-06 03:20 am (UTC)(link)
Hi dear! I've been trying to get the short version to work but for some reason I can't get a background image to appear, it just remains white?
spideyguy: (18)

[personal profile] spideyguy 2016-06-10 08:00 am (UTC)(link)
Oh it's quite alright dear, thank you for getting back to me + making these wonderful layouts!



This was the picture I was trying to use for the background.
spideyguy: (62)

[personal profile] spideyguy 2016-06-10 08:04 am (UTC)(link)
I love it, it looks great with his journal style. Thank you love!
michrure: (Default)

[personal profile] michrure 2016-06-10 05:53 pm (UTC)(link)
Hello! Love this set up.

I'm trying to get TWO of them to sit next to each other, but the second one always goes below. Do you know what I might be doing wrong?
socloverit: (Default)

[personal profile] socloverit 2016-06-10 06:18 pm (UTC)(link)
well this sure is the wrong account but it's the one I'm logged into right now, so

Thank you!! The easiest way to put them side by side would be to make a table and put the code in each cell, like so:



You can change that 50 to another number or just remove that cell entirely, I just find that DW doesn't make enough space between cells so I like to manually add a buffer.
michrure: (Aeris //)

[personal profile] michrure 2016-06-10 06:37 pm (UTC)(link)
Oh my gosh you are fantastic that worked perfectly. Thank you so much!
socloverit: (Default)

[personal profile] socloverit 2016-06-10 06:38 pm (UTC)(link)
No problem!! I'm super glad you like the code!!! ♡♡
mistojen: (Default)

[personal profile] mistojen 2016-06-24 03:25 am (UTC)(link)
modified this slightly and used it on this journal for nav :)
asscan: (Dragon - Grin)

[personal profile] asscan 2016-07-03 12:19 am (UTC)(link)
I also snagged and used for a nav for this guy's journal, slight modifications. Thanks!
bundangos: <user name="starswirl"> (Winky Face)

[personal profile] bundangos 2016-09-01 07:20 am (UTC)(link)
Altered for colours, I love this and you
vowlyball: (Default)

[personal profile] vowlyball 2017-04-08 04:09 am (UTC)(link)
This was so easy to use and awesome. Thank you for sharing!