Register - Login
Views: 99802511
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies 		05-03-22 07:08:24 AM
Jul - Projects and Creations - Eh. Layout. New poll - New thread - New reply
Next newer thread | Next older thread
Bagel

Giant Red Paratroopa
without music life would Bb
Level: 75


Posts: 477/1446
EXP: 3802205
For next: 24699

Since: 03-30-09

Pronouns: he/him
From: bear

Since last post: 190 days
Last activity: 6 days
Posted on 02-15-10 06:53:31 PM (last edited by Bagel at 02-15-10 04:10 PM) Link | Quote
I really ... had reservations about making a thread about this at all, since ... it's just a layout. Doesn't exactly feel thread-worthy to me, I suppose. :/

I'm no CSS wizard or anything. I had a hell of a time getting the links to work properly without accidentally the whole page because I'm an idiot, but thankfully hydra pointed out what I was doing wrong.

The fonts used are Myriad Pro, Lucida Grande, Lucida Sans Unicode, or Tahoma. It looks best in Myriad Pro but doesn't look bad at all in the others, except maybe Tahoma. You'll probably only have Myriad Pro if you also have some Adobe product like Photoshop installed, so I expect most people will see it in Lucida Sans Unicode or Lucida Grande (which are 99% the same font anyway so maybe Lucida Grande being in the code isn't really necessary.)

Also ... web 2.0 gloss whoo yeah party. But then it just fades to black and probably looks terrible if I make a longer post.

Mainly I'm just curious if it's hard to read or something. It looks like this for me.

____________________
Sukasa

Level: 123


Posts: 2099/4326
EXP: 20935713
For next: 295553

Since: 07-07-07


Since last post: 1.1 years
Last activity: 1.1 years
Posted on 02-15-10 07:28:17 PM Link | Quote

Add "-webkit-border-radius: 6px;" to the CSS for that <td> to get it to look like that in Chrome

____________________
<@Bitmap> Be completely humble and gentle;
<@Bitmap> And tell them to shut the fuck up
Bagel

Giant Red Paratroopa
without music life would Bb
Level: 75


Posts: 479/1446
EXP: 3802205
For next: 24699

Since: 03-30-09

Pronouns: he/him
From: bear

Since last post: 190 days
Last activity: 6 days
Posted on 02-15-10 07:53:02 PM (last edited by Bagel at 02-15-10 04:55 PM) Link | Quote
Ah, yes. I knew I'd forgotten to do something.

Should look fine now.

I catered the glossy background image to match up with the vertical height of what most of my posts appear to be. I think I got it pretty close but not perfect. I think ... for this post, for example, it'd need one or two more lines. Maybe. I dunno.

____________________
Rachel Mae

Creature of Chaos
Level: 141


Posts: 2564/5929
EXP: 33603960
For next: 516054

Since: 07-03-07

Pronouns: she/her
From: Foxglen

Since last post: 21 days
Last activity: 23 min.
Posted on 02-15-10 08:51:32 PM Link | Quote
The text is a bit tiny here, but otherwise wooo pretty shiny.

____________________
Sukasa

Level: 123


Posts: 2100/4326
EXP: 20935713
For next: 295553

Since: 07-07-07


Since last post: 1.1 years
Last activity: 1.1 years
Posted on 02-15-10 08:55:25 PM Link | Quote

Yeah, the layout really looks great

____________________
<@Bitmap> Be completely humble and gentle;
<@Bitmap> And tell them to shut the fuck up
plushifoxed

King Yoshi
la chica dijo...

Mood: The current mood of roxiemika at www.imood.com
Level: 119


Posts: 2273/3990
EXP: 18465830
For next: 463461

Since: 08-22-07

Pronouns: it/its or she/her
From: kamihama city

Since last post: 2 days
Last activity: 1 day
Posted on 02-16-10 01:08:20 AM Link | Quote
Supakitsune
Only thing I can really think of is, as BMF said, the text could be a touch larger.

Otherwise, it's pretty nice.

____________________
Hey! YOU! Yeah, you, with the face! Come fold some proteins with us! For SCIENCE!
Bagel

Giant Red Paratroopa
without music life would Bb
Level: 75


Posts: 480/1446
EXP: 3802205
For next: 24699

Since: 03-30-09

Pronouns: he/him
From: bear

Since last post: 190 days
Last activity: 6 days
Posted on 02-16-10 01:43:41 AM (last edited by Bagel at 02-15-10 10:45 PM) Link | Quote
Bumped it up to 13.75 (from 13.) How is that?

It looks a bit better on my end, too.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

____________________
plushifoxed

King Yoshi
la chica dijo...

Mood: The current mood of roxiemika at www.imood.com
Level: 119


Posts: 2281/3990
EXP: 18465830
For next: 463461

Since: 08-22-07

Pronouns: it/its or she/her
From: kamihama city

Since last post: 2 days
Last activity: 1 day
Posted on 02-16-10 01:59:46 AM Link | Quote
Supakitsune
Originally posted by Bagel
Bumped it up to 13.75 (from 13.) How is that?

It looks a bit better on my end, too.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This works a lot better. It's perfect now

____________________
Hey! YOU! Yeah, you, with the face! Come fold some proteins with us! For SCIENCE!
— BlackRose —
Transforming cats into robots since 1989!
Posted on 02-16-10 02:51:28 AM Link | Quote

Lain's post №642

Hmm.... it still seems small.

Then again, I'm reading this all on a 22" 1080p TV so that's just me.

____________________
[21:28:41] <@Lain> ikachan, cat
[21:28:44] <@Ikachan> Lain: Where's the cat? Oh shit. Fluffy's frozen.
Bagel

Giant Red Paratroopa
without music life would Bb
Level: 75


Posts: 489/1446
EXP: 3802205
For next: 24699

Since: 03-30-09

Pronouns: he/him
From: bear

Since last post: 190 days
Last activity: 6 days
Posted on 02-21-10 05:10:38 PM (last edited by Bagel at 02-21-10 07:35 PM) Link | Quote
Added some needless eye candy. If you are running a browser with Gecko 1.9.3 (currently in alpha so I don't expect this) or anything based on a recent version of WebKit (Safari 4.0.4 or Chrome for example) there should be smooth animations when hovering over links. The shadow animates in one second and the text changes color over three.
This is a quote test. Lorem ipsum etc. Lalalalalala. I wish more browsers supported color specification in the form of #rrggbbaa because having to expand it to rgba(r,g,b,a) is a little cumbersome. At any rate this quote thing is translucent. I'm on a horse.

I am pretty excited over some of the neat stuff that is already implemented, despite CSS3 not being even close to complete.

____________________
Peardian

  
Magikoopa

16/3/1: KvSG #479 is up!

Level: 157


Posts: 2960/7597
EXP: 48602931
For next: 976302

Since: 08-02-07

From: Isle Delfino

Since last post: 10 days
Last activity: 13 hours
Posted on 02-21-10 05:26:12 PM Link | Quote
Impressive, pretty, and fun to look at.

It still looks pretty good even in browsers that don't fully support the CSS for it.

____________________
-Peardian-


"Kindness is the language which the deaf can hear and the blind can see." -Mark Twain


BlackNemesis13
1150
I am ***** but it's hard to pronounce, so you can call me Geno after the doll.
Level: 70


Posts: 566/1155
EXP: 2883820
For next: 131991

Since: 07-23-07

From: Columbus, Ohio

Since last post: 10.6 years
Last activity: 10.6 years
Posted on 02-21-10 06:28:18 PM Link | Quote
It still seems a bit small and hard to read for me. I'm reading it in Mryiad Pro at 1440x900 in Opera. I think its because the text is always bold. It just feels too thick for me. This, and the kerning seems too close together. Maybe you can remove the bold, and increase the font a little to compensate for readability? Other than that though, great job.

____________________
Bagel

Giant Red Paratroopa
without music life would Bb
Level: 75


Posts: 490/1446
EXP: 3802205
For next: 24699

Since: 03-30-09

Pronouns: he/him
From: bear

Since last post: 190 days
Last activity: 6 days
Posted on 02-21-10 06:50:40 PM (last edited by Bagel at 02-21-10 03:54 PM) Link | Quote
It's bold?

*checks post in Opera*

Other than the rounded corners not working or the animations, it looks fine and readable to me in both Opera 10.10, and in the 10.5 alpha (there's no Mac beta yet.) However the rest of jul seems to have a lot of REALLY tiny text in Opera.

I haven't specified any font-weight or anything anywhere so it should be using the font weight specified in the jul stylesheet. It could just be the way you have your font settings configured. The kerning is a little condensed in Myriad Pro already, I suppose. It's better when the font size is a little larger I guess.

However I'll bump the size up to 14 anyway ... also since the links were getting a little hard to read, I changed them purple.

____________________
— Bloodstar —
11360
Buy me a trip to the moon
So I can laugh at my mistakes


Post 5730/11363

Joined 07-06-07
Active 1 day ago
Posted on 02-21-10 07:13:01 PM Link | Quote
It seems like Safari 4.0.4 (OS X) animates things, apparently.

Looks fine in Firefox (Windows / Linux) and Camino, though.

Apparently at the time of posting, it seems to be using Helvetica in your profile.

____________________
961 Days


5730 Posts


13450003 EXP


70496 EXP Next


3520 EXP per post


12.354 seconds Idle Time


Overall Ranking: 9
Hadron
Member
Level: 35


Posts: 202/242
EXP: 258847
For next: 21089

Since: 05-23-09

From: Hungary

Since last post: 11.8 years
Last activity: 9.1 years
Posted on 02-21-10 07:27:19 PM Link | Quote
Very nice layout. I like the gradient-thingy in the background of your post too. The link decorations are just epic. Great work, and it's easy to read in my opinion.

____________________
Sukasa

Level: 123


Posts: 2125/4326
EXP: 20935713
For next: 295553

Since: 07-07-07


Since last post: 1.1 years
Last activity: 1.1 years
Posted on 02-21-10 07:57:01 PM Link | Quote

Works beautifully here. The animations are a nice touch.

____________________
<@Bitmap> Be completely humble and gentle;
<@Bitmap> And tell them to shut the fuck up
BlackNemesis13
1150
I am ***** but it's hard to pronounce, so you can call me Geno after the doll.
Level: 70


Posts: 567/1155
EXP: 2883820
For next: 131991

Since: 07-23-07

From: Columbus, Ohio

Since last post: 10.6 years
Last activity: 10.6 years
Posted on 02-21-10 11:27:35 PM Link | Quote
Ok, bumping it up to 14 solved the problem for me.

As for the bold, looking back, i guess it was just the links that stuck out to me. This is probably just due to the eye candy you added not being rendered properly in my browser or something, and is no big deal. The text is fine now.

____________________
Lyskar
12210
-The Chaos within trumps the Chaos without-
Level: 192


Posts: 4433/12211
EXP: 99321158
For next: 552413

Since: 07-03-07

From: 52-2-88-7

Since last post: 7.4 years
Last activity: 7.3 years
Posted on 02-23-10 06:02:50 AM Link | Quote
Stats
Time/Date
02-23-10 12:02:50 AM
Posts
4433
Days Here
965
Level
97
Metal_Man88's Post
Funny, mine is like a ghetto old-school trick thing as opposed to RGBA.

In any case, it looks fine in my browser, but my Firefox 3.6 just doesn't show the animations, unfortunately.

____________________
Don't let an old saying get in the way of a good idea.
Eisnaught - SSQ² - Mobius Roleplay - SSS
Next newer thread | Next older thread
Jul - Projects and Creations - Eh. Layout. New poll - New thread - New reply


Rusted Logic

Acmlmboard - commit 47be4dc [2021-08-23]
©2000-2022 Acmlm, Xkeeper, Kaito Sinclaire, et al.

31 database queries, 7 query cache hits.
Query execution time: 0.097094 seconds
Script execution time: 0.046633 seconds
Total render time: 0.143727 seconds