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
Liste over diskussionsborde
Du har ikke rettigheder til at skrive meddelelser til dette bord, Mindste medlemsskabsniveau nødvendigt for at skrive til dette bord er BrainSpringer.
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 )
Emne: 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...
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...
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).
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?
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.
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.
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.
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.
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.
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.
(gem) Brug Notesblok til at se hvordan din profil vil se ud med html attributter før du tilføjer den. (kun for betalende medlemmer) (rednaz23) (vis alle tips)