User Name: Password:
New User Registration
Moderator: toedder 
 BrainKing design

Learn how to customize BrainKing's view layer and share your CSS experiences.

Useful links
Wikipedia - for general information on what CSS is, why it is useful, and a short introduction on how to use it.
W3Schools - for a tutorial and a reference on CSS.
W3C - for detailed and advanced information for those who are interested.
CSS Zen Garden - for some trickery and demonstration of what is possible with CSS


Messages per page:
List of discussion boards
You are not allowed to post messages to this board. Minimum level of membership required for posting on this board is Brain Knight.
Mode: Everyone can post
Search in posts:  

27. November 2007, 18:09:00
pauloaguia 
Subject: Re:
Czuch: Using CSS you can do loads of crazy things (even replace images with text, yes). But for the other person to see the same thing, (s)he'd have to be using the same CSS...
Why don't you suggest Fencer adding some smiles with such messages (like or )

9. November 2007, 16:59:42
pauloaguia 
Subject: Re:My server is off site so It would not be any faster for me then anyone else in North America.
mctrivia: maybe that's because the NoRight option actually produces a noleft in the generated URL

8. November 2007, 18:22:41
pauloaguia 
Subject: Re:My server is off site so It would not be any faster for me then anyone else in North America.
mctrivia: Actually maybe you could play a little with the :hover selector to make it work. The end result could get a little weird (page jumping back and forth as you move your mouse) and not all browsers support it properly, but you can get some neat effects from it.
I think I'll try to work something out of it if I have the time, later tonight...

9. June 2007, 00:05:57
pauloaguia 
Subject: Re: coan.net
jadarite: Look a few posts down. he already posted them all

8. June 2007, 23:20:58
pauloaguia 
Subject: Re: Next Task
coan.net: Css is like a big bunch of IFs. "If a tag has id something render it like this" or "if a tag <xxx> has a child <yyy> render it so and so"

What you'r probably like are more selectors. Some that would let you select according to the text inside the tags... But that doesn't exist.

AbigailII's suggestion about an extra element identifying the page subject seems like the best way togo. But of course,that's work for Fencer not you

17. May 2007, 02:21:59
pauloaguia 
Subject: Re: Links in simple style
AbigailII: But it is. Defining it in the stylesheet, by no means overrides the default settings browsers have of underlining it or whatever. But if a user disables that default, suddenly the site doesn't show any links (I know many people who actually do this - Google, for instance looks so much cleaner without all those underlines...).

And anyway, it is already imposing. On the left menu all my links show up underlined (using browser's defaults). On the right none of them do, because the corresponding style specified text-decoration:none. Adding a a{text-decoration:underline;} rule (or color:blue; or whatever) would keep the links on the right menu still not underlined but would make sure links in the middle of a post somehwere do not go by unnoticed...

16. May 2007, 19:59:00
pauloaguia 
Subject: Links in simple style
Why aren't links highlighted in some way? (Underline and/or bright blue color are common ways).
As it is now, if it wasn't for most browsers coming with a "underline links" option or "use browser's links colors" set by default, lots of people would fail to see links all over the site.

I've actually grown used to such a clean look. For instance, the menu on the left is almost crying out to be clicked so this comment doesn't really apply to it. Same with the "options" in the message box, for instance, (show thread, link, etc) since they are isolated enough.
But for links inside posts there really should be some sort of highlight other than the one forced by someone's browser (I always liked the blue color, no underline style... seems "Simple" enough ).

So I'd like to suggest that the A tag be hilghlited in some way, by default. This setting could be overriden for some classes, where it is not so needed (like the menu, for the reasons stated).

4. April 2007, 18:46:59
pauloaguia 
Subject: Re: CSS file
Luke Skywalker: Right. I was just testing it with
input[value=" Jogar "] { position: absolute; top: 0; left: 150px; }
and it worked (using protuguese localization). However it looked sooo wrong. Why not move the whole "game-info-section" to the top?

4. April 2007, 18:00:55
pauloaguia 
Subject: Re: CSS file
BIG BAD WOLF: It's not a .m{} you should be adding but a .submit{}. The input with id=m, is an hidden input, it's not shown anyway ;)

Apparently the id 'submit' is used on more than one button type (the Cancel this Move button). In that case, you'll either have to convince Fencer to use different ids for every button in the site or live with having every "submit" button at the top of the page.

4. April 2007, 17:06:41
pauloaguia 
Subject: Re: CSS file
Modified by pauloaguia (4. April 2007, 17:07:38)
BIG BAD WOLF:
You can apply a style at 3 different levels:
1. tag level. Every tag of the matching type will have the defined style
2. class level. Every element specified as belonging to that class will have the defined style. In the CSS file these start with #
3. id level. The element with the specified id will have the defined style. In the CSS file these start with . (dot)

The buttons and text boxes should all have identical classes, since you want to render them identically (same colours, font, border, etc). In this particular case it's hard to do it at tag style because usually they all share the tag "input". What you want is to use the id of the submit button and add some more styling to it.

4. April 2007, 10:38:36
pauloaguia 
Subject: Re: CSS file
BIG BAD WOLF: If that element has some sort of identifier (class or id) you can play around with absolute positioning tomake sure it displays on some area of the page. But you won't get a second button, you can only control how that only one will appear.

3. April 2007, 15:51:59
pauloaguia 
Subject: Re: Pages with Tabs
Fencer: Thank you

3. April 2007, 13:27:48
pauloaguia 
Subject: Pages with Tabs
But I don't think there would be many changes to the CSS structure in the future.
Well, here's a request for a small change :

On pages with "tabs" (like Profile, Settings or Statistics), could there be a class for the unselected tabs?
And while I'm at it, could the select tab be anything other than "shadow-table"?
And to really push it, could the options be DIV's instead of TD's?

Each of these options would help me make it nicer, but at least the first one would be very welcomed.

30. March 2007, 11:30:38
pauloaguia 
Subject: Re: GREAT side effect
TarantinoFan: Thanks for the help, I know all that. I already have my settings the way I like them, thank you anyway.

30. March 2007, 10:56:39
pauloaguia 
Subject: Re: GREAT side effect
TarantinoFan: There's no option in that combo to go to the game with the least time left. I usually have my games sorted by time of last move and my main page sorted by time left. The red numbers use the sorting in the main page and the "goto next game" option uses my srting of last move time, so I'm happy.

Anyway, it's been "fixed" now, thanks Fencer

30. March 2007, 09:57:21
pauloaguia 
Subject: Re: GREAT side effect
BIG BAD WOLF: A not so great side effect is that now the "Main Page" doesn't have associated with it the red numbers where I could control how many games I still have to play, or click on to go to the game with least time left, like I used to.

Date and time
Friends online
Favourite boards
Fellowships
Tip of the day
Copyright © 2002 - 2024 Filip Rachunek, all rights reserved.
Back to the top