[WIP] CSS3-only skin.. C&C?

[Former Member]

Same! <3 But 10.04. 10.10 wont install on my laptop, has an issue. but meh. and 5Mbps from connection, so loaded up right away! ;D I did notice it being fast, whilst when using JS to achieve that effect, slows down the connection quite abit.

[gfx25]

I haven't seen a skin this awesome since Alt 2007 And by using nothing and a few JS scripts make it even better. Did you use css to make the tables round as well?

[Malagrond]

Thanks! ^_^ And yes I did. CSS3 is the beast.

[gfx25]

Any chance you could share the css for the rounded tables?

[Malagrond]

Sure, though the links I gave on the first page have the same info:


elem {-moz-border-radius: 10px; border-radius: 10px;}


If you want to specify them manually (horizontal and vertical rounding and per-corner rounding), that's a bit complicated for me to outline here xD Check the links near the bottom of Page 1

[Smangii]

Mar 2, 2011 7:29:53 GMT -8 Malagrond said:

Sure, though the links I gave on the first page have the same info:


elem {-moz-border-radius: 10px; border-radius: 10px;}


If you want to specify them manually (horizontal and vertical rounding and per-corner rounding), that's a bit complicated for me to outline here xD Check the links near the bottom of Page 1

This won't work in Internet Explorer, btw

[Malagrond]

This is true, IE has yet to catch up It works in virtually every other modern browser, however.

[Malagrond]

Well I kinda broke my promise, I'm tiling a 6x6 transparent png for some background-touches, but that's it. I promise

How's it look guys? I think I'm about to release it on my site

[gfx25]

Looks great though I'd suggest making the board highlight a bit lighter and adding a hover to the menu links on the boards.

[Malagrond]

How's that? O.o

[gfx25]

Looks nice but I meant something like


A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: Red;}

[Malagrond]

Hmm.. I've kinda been trying to avoid the underline. I'll see what I can do.

[gfx25]

Maybe it could be none to match the menu links?

[Malagrond]

Like that? O.o

[Kami]

that's lookin' mighty fine, i'm totally diggin' the menu.
probably might want to put something on the non-menu links. maybe a bg colour on hover, or some sort of border? even a simple text transform. doesn't necessarily have to be underlined (eg: border-left: 2px solid #FFFFFF;)

@ kenneth - that seems to be such a round-about way of doing things? =X why not just:

a:link, a:active, a:vistited { text-decoration: none; }

?