?

Log in

No account? Create an account
 
 
29 November 2008 @ 02:28 pm
[Community Layout - Options]  
*tip-toes in* Remember the idea I had about making a new community layout? So I've basically got 4 different layout designs, and before I fine-tune anything I'd like your guys' input. ^^



In essence there's only 2 layout designs: with a extra header and without an extra header:

Free Image Hosting at www.ImageShack.us
[Basic Screenshot]

[Links below go to live previews via my journal. Paid LJ users can copy the "?s2id=" url ending and paste it onto the end of the nejiten url to see the layout applied to the community.]


1. "Boxy" layout without extra header on top -- instead, extra header is used in background of the header links.

2. "Boxy" layout with extra header on top. Works with navigation strip. I know some people hate the navigation strip, but I personally like it since it provides an easy link to post onto the community. >>

3. Non-"boxy" layout, no extra header on top. Navigation strip must be disabled. Extra header could possibly integrated into background of header links as in layout option 1.

4. Non-"boxy" layout, with extra header on top. Navigation strip must be disabled.

EDIT 3/9/09: live previews are now defunct. I make no guarantees that any of them will be up and looking decent. :P

Some Points:

Cruddy graphics are cruddy. >> I just made something up quick on the spot to fit with the dimensions. If there's actually going to be a new community layout someone other than me will have to make the graphics. ^^;;

The main vertical banner is 200px max wide and 1000px tall. Height technically is non-issue. Technically, the banner can be wider to like 380px, but only 200px worth of it will not be covered by the sidebar boxes/stuff. In all likelihood the banner should probably be a bit thinner than 200px, and use a gradient to merge into the background. I wanted to show the max width in these examples, though.

The vertical banner's contents will probably depend on whether an "extra" header is chosen. If no extra header is chosen, then the vertical banner should probably have "The Neji x Tenten Livejournal Community" text somewhere on there, or something like that. (BTW, vertical banner has art credits on the bottom.)

Extra header image is approximately 980px wide. Contents are 950px wide. Total sidebar is 380px wide. Entry width apprx 557px Too wide, too thin? It should fit within a 1024x768 resolution, but I have a 1680x1050 resolution so it's hard to tell for me... >>

Separator image (the kunai&feather between entries) I made on a whim. Can leave out, use different image, etc., etc.

I decided to go with relatively same color design as the current layout because I fail so hard at choosing color palettes but because of that, I decided to go a bit off-mainstream and use a vertical banner. A more "traditional" header would be simple enough, but then what's the point... XP

I can also add in some other fancy elements like changing the icons next to LJ names, scrollbar to LJ tag list, etc.

ETA: and if anyone wants to help on the graphics, here's a few links you might want

ETA: Fixed some design bugs. >>

So which layout design, if any, do you prefer? Any other comments/concerns greatly appreciated.
 
 
 
(Deleted comment)
Toboe LoneWolf: [Naruto] Hayate: dance!toboe_lonewolf on November 30th, 2008 11:58 pm (UTC)
Thank you so much for offering to help! =D

The vertical banner used scans from a doujinshi scanned by light_flower here (the first one, called "Best Friend," pages 1 and 9.) Those are the raws; if you prefer to start from scratch, or, if you use Photoshop, here's the download link for the .PSD.

You'll probably want to make it thinner than 200px wide, since it looks kinda crowded in the previews. >>

If you want you can also try making the "extra" header as well, or a different separator image. And really, if you want, you could choose a totally different image to work with for the banner(s).

Edited at 2008-12-01 12:02 am (UTC)
(Deleted comment)
(no subject) - toboe_lonewolf on December 1st, 2008 12:07 am (UTC) (Expand)
(Deleted comment)
(no subject) - toboe_lonewolf on December 1st, 2008 01:20 am (UTC) (Expand)
(Deleted comment)
(no subject) - toboe_lonewolf on December 3rd, 2008 03:23 am (UTC) (Expand)
(Deleted comment)
(no subject) - toboe_lonewolf on December 3rd, 2008 05:06 am (UTC) (Expand)
If you're gonna go, go obnoxiouslycopper_season on November 29th, 2008 10:27 pm (UTC)
It's a toss up between the first one and the last one... Though, to me, the first one looks cleaner to me.
Toboe LoneWolf: [Naruto] Don't You Daretoboe_lonewolf on December 1st, 2008 12:05 am (UTC)
Thanks for your input! =D

The first one was actually the one I started with, but I thought it might be cool to have the cross-banner thing going on with the vertical and horizontal.
Sapphire Lunasapphireluna on November 30th, 2008 03:19 am (UTC)
I vote number 4
Toboe LoneWolf: [Naruto] Hayate: dance!toboe_lonewolf on December 1st, 2008 12:07 am (UTC)
Thanks for the vote! Even with US elections over XP

Hope you don't mind the image choice for the main banner...I put on the art credits, but the image choice could be changed. I just used it for example and a general idea of what I was thinking of...
(no subject) - sapphireluna on December 1st, 2008 11:24 pm (UTC) (Expand)
Adriana aka Audreymisaoshinomori on November 30th, 2008 04:48 am (UTC)
I like the first one =^.^=
Toboe LoneWolf: [Avatar] Headbandtoboe_lonewolf on December 1st, 2008 12:08 am (UTC)
Thanks for your input! It seems like it's a match between one and four... XP
Sara without an "h": Seasonssmokkie on November 30th, 2008 12:06 pm (UTC)
They all look very similar to me but I think I liked the 1st one best...

I was very distracted by the shirtless Neji to really notice anything else >.
Toboe LoneWolf: [Naruto] Don't You Daretoboe_lonewolf on December 1st, 2008 12:03 am (UTC)
=D Thanks for your input!

>D Muwhahaha, shirtless Neji....all shall come underneath our banner of Nejiten in the name of SHIRTLESS NEJI...
(no subject) - smokkie on December 1st, 2008 12:37 pm (UTC) (Expand)
Icarussun_myths on December 1st, 2008 03:33 am (UTC)
Hmm, I seem to be the only one to prefer the second option.....but really I like all of them, and I know how busy you are with school work so thanks for taking the time to make such yummy layouts for us! :D *loves on you*
Toboe LoneWolf: [Jungle Book] Puppy Wagtoboe_lonewolf on December 3rd, 2008 03:27 am (UTC)
Not the only one anymore!

Don't worry, I'll have lots of free time in 2 weeks after my finals...XP
Nattmusei_kage on December 2nd, 2008 12:10 am (UTC)
Number one :)
I'm loving the vertical banner, it's definitely unique to me
Toboe LoneWolf: I has a corntoboe_lonewolf on December 3rd, 2008 03:28 am (UTC)
Thanks for your input!

^^ I wanted to do something different and unique because nejiten is just That Awesome. XP
(no subject) - musei_kage on December 3rd, 2008 03:41 am (UTC) (Expand)
(no subject) - toboe_lonewolf on December 3rd, 2008 03:46 am (UTC) (Expand)
passivesky: kittyiconpassivesky on December 2nd, 2008 03:55 am (UTC)
I vote NUMBER 2! ^^

And thank you for all the lovely layouts! You work so hard, hon! ♥
Toboe LoneWolf: [LotR] You Shall Not Passtoboe_lonewolf on December 3rd, 2008 03:30 am (UTC)
Thanks for your input!

XP The hardest part was really copy'n'pasting the CSS code and editing it for each layout design; it's hard to keep track of 4 layouts at once. XP
(no subject) - passivesky on December 4th, 2008 04:40 am (UTC) (Expand)
wingsoverwingsover on December 2nd, 2008 06:08 am (UTC)
I like them all, MMMMMM, Neji is quite eyecatching. But I like the header-with options, I find the header-bar really useful.
Toboe LoneWolf: [Jungle Book] Puppy Wagtoboe_lonewolf on December 3rd, 2008 03:39 am (UTC)
Indeed he is, that's why he's on top

I like the navigation strip too! I wish I could've kept it for all 4 designs, but I can't get the sidebar to go straight up to the top and cross with the extra header without removing the navigation bar. I thought the cross-banner effect (layout 4) would be kinda cool...except for the non-navigation-strip thing...XP
(no subject) - wingsover on December 3rd, 2008 09:30 pm (UTC) (Expand)
(no subject) - toboe_lonewolf on December 4th, 2008 03:08 am (UTC) (Expand)
tam_atm: dangotam_atm on December 3rd, 2008 01:30 am (UTC)
I think 1 or 2 works fine really (I do find #2 slightly better only because I like that bar as well.)

I wouldn't have minded 3 or 4 as much if it wasn't for the side scroll I'm getting (I'm using 1024 x 768 for now)
Toboe LoneWolf: [LotR] You Shall Not Passtoboe_lonewolf on December 3rd, 2008 03:42 am (UTC)
Dangnabbit, I forgot to shorten 3/4 when I merged the CSS. I just fixed it and it should work on 1024 x 768 now (the content width is 950px). How do they look now? Does it look unbalanced (as it's a left-side oriented layout, instead of a centered layout)?
(no subject) - tam_atm on December 3rd, 2008 03:48 am (UTC) (Expand)
(no subject) - toboe_lonewolf on December 3rd, 2008 04:43 am (UTC) (Expand)
(no subject) - tam_atm on December 3rd, 2008 05:39 am (UTC) (Expand)
(no subject) - toboe_lonewolf on December 3rd, 2008 01:52 pm (UTC) (Expand)
(no subject) - tam_atm on December 3rd, 2008 02:28 pm (UTC) (Expand)
(no subject) - toboe_lonewolf on December 4th, 2008 03:01 am (UTC) (Expand)
(no subject) - tam_atm on December 5th, 2008 02:55 am (UTC) (Expand)
A k i r ahimehikari on December 4th, 2008 01:14 am (UTC)
that coloured doujin picture is awesome! I like choice number 3 personally. But I was wondering, would you consider using CSS templates? I mean I think there are various layout choices out there that is free and there's no problem customising the header or something.

Just a suggestion though *smiles*

I would be glad to help out in any way since I like to tweak layouts when I have the time.
Toboe LoneWolf: *GEEK* (Ph34r me.)toboe_lonewolf on December 4th, 2008 02:58 am (UTC)
Thanks for your vote!

Actually, it's easier for me if I don't use a template. ^^;;; That way I get everything the way I want it, and I can tailor it specially for this community. I've been surfing around looking at lots of layouts to get inspiration though. Flexible Squares is pretty well CSS-documented, so it's not that hard, really...
(no subject) - himehikari on December 4th, 2008 11:25 pm (UTC) (Expand)