Posts:
99
Registered:
5-Mar-2009
|
|
|
|
Re: Neptune - folder menu
Posted:
8 Jan 26, 20:06
in response to: JeffTucker
|
|
|
Spacing looks good.
Which one, default or spacingwithdefault? I'm leaning towards the second options, which provides an extra line break only between the first-level folders - Folder One, Folder Two, and so on. Below that level, it's all single-spaced (though I do bump the line height a bit, without which they look crowded).
In either case, it's simple CSS, readily modified. In the second option, there's bottom padding only on menul2. In other words, when it's finished with the subfolders, it creates some space before the next item in the first level.
At first glance both examples look very similar re: spacing. Unless I'm missing something the spacing between lines looks identical and both examples appear to have extra spacing following the grouping (or before the main folder in each) with the remainder of the spacing appearing to be single spaced.
• default (spacing.png) is not as appealing to me with roman numerals, letters, etc. - i.e. traditional outline layout - only because I'm not a fan of that "look" on a web page. Otherwise, it's fine.
• spacing with default looks cleaner to my eyes. I like how each sub-level aligns nicely with the first letter in the level above. I think the alignment might be the same in both examples but overall, the 2nd example seems "neater". |
|
|
Posts:
8,041
Registered:
31-Jan-2006
|
|
|
|
Re: Neptune - folder menu
Posted:
8 Jan 26, 20:24
in response to: jret
|
|
|
|
|
|
In this screenshot, from the innermost red box, there's a extra line following the conclusion of the fifth level, then an extra line following the conclusion of the fourth level, and finally an extra line following the conclusion of the third level.
In either example, there's an extra line following the conclusion of the second level.
I'm planning on killing the bottom padding following the third, fourth, and fifth levels.
|
|
|
Posts:
99
Registered:
5-Mar-2009
|
|
|
|
Re: Neptune - folder menu
Posted:
8 Jan 26, 20:41
in response to: JeffTucker
|
|
|
In this screenshot, from the innermost red box, there's a extra line following the conclusion of the fifth level, then an extra line following the conclusion of the fourth level, and finally an extra line following the conclusion of the third level.
In either example, there's an extra line following the conclusion of the second level.
I'm planning on killing the bottom padding following the third, fourth, and fifth levels.
Ahhh ... now I understand what you were describing. It looks OK as is but killing the bottom padding on 3, 4, & 5 should improve it further. |
|
|
Posts:
8,041
Registered:
31-Jan-2006
|
|
|
|
Re: Neptune - folder menu
Posted:
8 Jan 26, 21:44
in response to: jret
|
|
|
|
Yes, I thought it looked cleaner. But that's another thing that's dead simple to add back in with a line of custom CSS.
I'll probably release them tonight - five skins with the same folder menu routine. Lots of "convergent code" these days.
|
|
|
Posts:
99
Registered:
5-Mar-2009
|
|
|
|
Re: Neptune - folder menu
Posted:
9 Jan 26, 01:46
in response to: JeffTucker
|
|
|
I'll probably release them tonight - five skins with the same folder menu routine. Lots of "convergent code" these days.
Downloaded, installed, and page is now updated. Great improvement - looks wonderful and quite elegant. Thank you.
Also updated jAlbum to 39. |
|
|
Posts:
99
Registered:
5-Mar-2009
|
|
|
|
Re: Neptune - folder menu
Posted:
9 Jan 26, 21:24
in response to: JeffTucker
|
|
|
Glad you like it. I think I've shown enough hints above so that if you want to change the list style(s), it should be reasonable obvious how to pull it off.
Definitely like it ... truly impressed with your final results. Thanks many times over.
Your hints awakened my curiosity ... so I just had to check it out. Absolutely correct - it's reasonably obvious to edit the list. I tweaked it slightly and, at this moment, like the minor changes on levels 3, 4, & 5. Check it out @ tuband.com/travel. |
|
|
Posts:
8,041
Registered:
31-Jan-2006
|
|
|
|
Re: Neptune - folder menu
Posted:
9 Jan 26, 22:02
in response to: jret
|
|
|
My difficulty with the "square" bullet is that, until you get to fairly large font sizes, it's indistinguishable from the "disc" bullet.
By the way, you can even use single unicode characters, though they seem to require two spaces instead of one for proper alignment. Try, for example: .ja-menul3 {list-file-type: "\00A7 ";}
You can even use emojis, but I'm not going there.  |
|
|
Posts:
99
Registered:
5-Mar-2009
|
|
|
|
Re: Neptune - folder menu
Posted:
9 Jan 26, 22:27
in response to: JeffTucker
|
|
|
My difficulty with the "square" bullet is that, until you get to fairly large font sizes, it's indistinguishable from the "disc" bullet.
Yes, I noticed that. I did think of an open square but it doesn't seem to be in the standard list. A quick search turned up one solution but it's hardly perfect due to size and alignment. The code is "\2610 ". It may not be compatible with all browsers so probably a non-starter. To see how it looks go to my folder menu & find europe/paris.
By the way, you can even use single unicode characters, though they seem to require two spaces instead of one for proper alignment. Try, for example: .ja-menul3 {list-file-type: "\00A7 ";}
You can even use emojis, but I'm not going there.
Emojis - no, just no  |
|
|
Posts:
8,041
Registered:
31-Jan-2006
|
|
|
|
Re: Neptune - folder menu
Posted:
9 Jan 26, 22:43
in response to: jret
|
|
|
I did think of an open square but it doesn't seem to be in the standard list. A quick search turned up one solution but it's hardly perfect due to size and alignment. The code is "\2610 ". It may not be compatible with all browsers so probably a non-starter.
It's unicode, so it should be OK in all current browsers. These days, there really are only two rendering engines. Webkit (Brave, Chrome, Edge, Safari) and Firefox. Safari occasionally does its own thing, but only rarely.
The alignment works for me, but as I said above, when you're putting in unicode characters, it seems to need two spaces after the code.
Try \25A1 (space, space) - smaller square (ETA: though it hugs the baseline). Or try \25CA (space, space). You might like that. |
|
|
Posts:
8,041
Registered:
31-Jan-2006
|
|
|
|
Re: Neptune - folder menu
Posted:
9 Jan 26, 22:48
in response to: JeffTucker
|
|
|
|
|
|
In fact, I think I'll change the third level default in the next release(s) to that diamond, instead of the "greater than" character. Visually distinctive, and the size is right.
ETA screenshot.
|
|
|
Posts:
99
Registered:
5-Mar-2009
|
|
|
|
Re: Neptune - folder menu
Posted:
9 Jan 26, 22:56
in response to: JeffTucker
|
|
|
|
I like the diamond. Did you look at this one? /00A4 with the spaces. I can see it on the 3rd level but the diamond may be a better choice.
|
|
|
Posts:
99
Registered:
5-Mar-2009
|
|
|
|
Re: Neptune - folder menu
Posted:
9 Jan 26, 23:06
in response to: JeffTucker
|
|
|
|
still tinkering ... uploaded a couple of changes. take a look at my folder menu now.
|
|
|
Posts:
8,041
Registered:
31-Jan-2006
|
|
|
|
Re: Neptune - folder menu
Posted:
9 Jan 26, 23:29
in response to: jret
|
|
|
|
|
|
Changed my mind again. For the defaults, I think I'll go with disclosure-closed, disc, circle, diamond, hash tag.
BTW, there are some very subtle font distinctions in the horizontal spacing of the predefined types vs. the single-character and unicode types. Only an obsessive would notice them, but the glyphs aren't really the same in every font. Courier, of course, is reliable, but when you get to the variable-width fonts, each has its own peculiarities. And if you venture into Google fonts or WOFF's, you're on your own!
|
|
|
|
Legend
|
|
Forum admins
|
|
Helpful Answer
|
|
Correct Answer
|
|
