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
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.
coan.net: Since this request got buried quickly, I will repeat it.
I request that the table in the Dice Poker & Triple Dice Poker, which show the results of the 3rd roll be given a name - so I can place the results on the last roll near the top of the page like I do for the first 2 dice rolls.
jadarite: On this site, Paid members are allowed to embed only from YouTube on only the Music board, along with Notepad & profile. But other then that, currently no other embed is allowed I believe.
I won't answer my next question right away (since I'm about to get off the computer).
But is there a way to do if - then statements in a css?
One of the things that annoy me about some games, is that you need to know past information - or current information that is in the game notation. (Like in Ice Age Chess - the only way to see current move is to show the game notation.... which of course stays visiable in all the games - Ugh) Plus other games like Dark Chess & Frog Finder - past turn information can also be used. I'm sure there are others, but that is 3 games I know I have to keep turning on game notation just to see 1 thing.
What I would like to do is something like
If game is Battleboats, then game notation { visibility: hidden; } and repeat for all the games.
or do the opposet for the few games that needs to show the game notation. So any ideas or suggestions? Is if/then statements possible, or is there a better way to do it?
FENCER: In the dice game, the table the holds the result of the dice that you just rolled (after the 3rd dice roll) - Can you give that table a name?
I can move the form/table as I roll the dice, but then after the 3rd roll, the table is down below since the named form is gone - and the table has no name for me to move.
And if anyone would like to check out my most recent changes:
The same as #2 (with move near top), but now the dice select box in near the top of the screen. It does cover some of the opponenets name & last moved information on my screen - but when I'm playing, I don't pay attention to that information much anyway.
And if Fencer does get that names, I will probable continue to play with the #3 css version.
OK, I recently got a new widescreen monitor which is nice, but is a "cheaper" one and has left up/down resolution - meaning I have to scroll down in every one of my dice game each time I make a roll - VERY annoying.
So, I'm trying to figure out how to put the dice up top with my .css file.
Here is the code: <form action="DoMove" method="post" id="rollDiceForm" name="rollDiceForm">
So is there a way to move the whole form? What am I missing? (note: The place to put it is just an example - once I can move it, I will try to find where it looks best... that is where I have the submit button. Would also like to find a way to outline the form in a box - again, things I can play around with once I figure out how to move it.)
Having the move button near the top has really allowed me to play faster when I sit down and play. Being able to have the dice near the top will speed up those game for me also.
rod03801: Well don't worry about changing too much - I'm also using the #2 version, and any changes would be small - or most likely what I would do is make a #3 and test things with that - leaving the #2 like I liked it. (Like I left #1 how I liked it before I made #2)
But if you are worried, I think you should be able to right click on the link above and choose to save it. But again, the more I think about it - most likely if I do feel like playing around, I will probable just make a #3.
For those of you that want to try that out, copy that address - and in your settings, paste it. And your BrainKing will look similar to the Old BrainKing, with an addition of the Move button near the top of every page - making a quick submit without having to scroll down... speeds thinks up a lot!
BrainRook.com - I think Fencer plans on doing something different with that website - I asked him awhile back about posting something there, but sounded like he had some plans to change it.
Fencer, can you see how many people are using which style sheet.
For the 3 system sheets, I would think most are using the Castle theme since that is the default (and most people just don't change the default)
But what I'm mostly curious about is who is using outside style sheets - more importantly, how many people are using my style sheets that I have hosted on my coan.net site is what I'm looking for. I have no plans on deleting it or anything like that, but I may make some more changes soon and I wondered how many people I might effect with my changes.
Subject: Dice Poker - Select Checkbox when you click dice
A suggestion I have made a few times which will help speed up playing the game of Dice Poker - along with helping to make fewer mistakes while playing the game - that is the ability to click on the dice which will also check (and uncheck) the checkbox under the dice.
Well I have a feeling it probable won't be done on the system - so I'm now trying to figure out if I can make this possible using the .css file.
OK Smart css people - I NEED YOUR HELP!
Here is a same source code from the Dice Poker Game: -------------------------------------------------------
Before I posted that I thought it would be possible since I seen each checkbox has it's own name - but now that I copied the above, I'm not sure if it is possible since the name of the image is the same... but I'll leave it here - maybe some smart people will be able to toss out some ideas.
rod03801: What is really cool is I just have 4 Ludo games in a row where I did not have a move - and took me about 4 seconds total to hit submit 4 times (once for each game) without having to move the mouse - or scroll down the page and search for th submit button before hitting submit.
You will find classic colors, move button at top left of page (good if you do not have the left menu showing on game board), along with some font changes here and there to help the eyes.
Basicely the same as the above, but the move button is moved more towards the middle of the page - so if you have the left menu column showing on the game page, it will not mess that up. (Now it will still show over the top of game messages & game notes - but it's the best I can do right now.)
Fencer: OK then, why is the site slower to many user then? (compared to how fast it use to be.) My only idea is to make a page with the bare minimum to play games and see if that helps.
rod03801: Oh yes, an option. Occasionally the information is also useful to me. An option for "quick play" page without having to calculate all the extra junk is what I want.
Fencer: Yea, but how much time does it take the system to calculate the rating change before it can be displayed on the game page? Yea, the text itself isn't much at all - but does your system calculate it when the page is called for or in advance?
How about the "Score of finished games" between 2 players? Does your system calculate and look at the past games between 2 players to calculate that information on every page load, or is it calculated in advance?
If the answer to both of those is in advance, then it may not be the problem.
But if my browser request a page - the request goes to your system, it first has to calculate BKR change, then it has to do a look up on games to get results of past games between 2 players and such, then it makes up the code for the page and sends it off for my browser to interpret - then that is extra time your system takes in giving me back the game - with a lot of useless information I personally don't use 99.9% of the time.
But again, I don't know how your system gets some of those stats - but something is wrong somewhere if so many people are seeing speed issues..... I'm just trying to help figure out what - and getting rid of extra junk on the page is just one way I can think of.
What I thought about .css files was confirmed by someone on the Feature request board - that is even though the .css file can hide and keep things off the screen, it will not speed things up since the original page loading will still take place by the BrainKing system - and the .css file will just change the display and the rendered page before it hits the browser on our computer.
SO FENCER - A suggestion for you - a "Quick-play" game pages. (This is where all unnecessary information is removed from the game page.) So all the is left is:
Game name Submit move right under game name to submit without scrolling. Opponent name IMPORTANT Game info (like captured pieces, Cube points, etc..) Game Board Message for opponent box notes for self box 2nd submit button draw/resign/delete links Link back to main page Link to switch back to "more info" game page
What is not needed to take loading time: User Icons User flags User ratings User graph link User "what are they doing" user last moved Rules link Brainrook.com links no smileys link no autosave is disable link no switch to rich text editor link no change message area size link Discussion board links Tournament info & link Game ID Time per move info public game info rated game info layout info board size info Weekend day into Automatic vacation info User agreement, Brainking staff, etc... links
Again, this is not something I want to do by .css file alone - I'm not looking for just less clutter on the page - but what I'm looking for is faster loading game pages.
When users at one time were very easily being able to get 5,000+ moves a day - Fencer can say over and over there is not a speed issue, but something has to be changing. It's funny how I will play games on a few different sites, and when I play my games (for example) on DailyGammon - I end up staying on that tab and playing all my games at one time - why, because the page loads so fast, I don't even have time to switch to a different tab before I can make my next move. But for BrainKing, most times between page loads is at least .5 seconds to 2 seconds, with many longer then that. Well in my mind, if I'm waiting for a page to load - I might as well switch to another tab and play somewhere else while I wait.... making it harder to play games.
Anyway the point is lets have a very simple game page - 99.9% of the time, I could care less what tournament a game is attached to. 99.9% of the time I could care less on how my rating will change with a win/draw/loss. 99.9% of the time I could care less about writing a message or note, so why not put a second submit button near the top under game name. (I've done that with .css file but it's moved from below, so those .1% of the time I do have to type something, it is a pain without a second button.)
So again, this is about a different game page that Fencer needs to make - not a way to still wait for the system to process all the information on the page and then hide it with a .css file. Lets skip the whole process of waiting for the system to figure out what the rating change will be and such....
I put my submit button in the upper left (right under the game name) - and like it there, but I still have to scroll occasionally to type a message - (and out of habbit) so to have a fixed position - COOL.
will have to play with that later... when I have more time
pauloaguia: Actually I like top 50, left 25 - and it puts it right under the name for me - which will eliminated my need to scroll on any game page!!!! YEA!!!!
(well unless I need to either write a message to my opponent or a note - but I do that less then 1% of the games I play, so that is not much of an issue for me.
Note about my css file - I'm making it for myself - with what looks good for me. Everyone is welcomed to use it, but don't be upset when you end up with a submit button near the top since I'm desiging it for myself... which of course everyone is free to check out and use themselves. And of course, I will still be editing and playing around with it for the next few weeks I'm sure.
Thanks Luke Skywalker & pauloaguia!!!!! That is what I wanted!
Of course the value is different for other languages, so I'm guessing that my css would not work for others using different languages (well at least the part in which I use the word Submit.
pauloaguia: Well my problem is since both submit & cancel have the same - the cancel button is "bigger" and actually hides the submit button when I give it an absolute position.
Hopefully Fencer can change the submit button on the game pages to it's own name (all others can stay the same as far as I care) - then I can have my ultimate game page with the submit button near the top of every page - in the EXACT same position every time, letting me move my mouse there ready to hit submit while I wait for the page to load - instead of now waiting until the page loads, then hitting the scroll wheel on the mouse, then looking to make sure the button is on the page, then moving the mouse to the button, and then hope my mouse wheel was completely turned, and not just 1/2 way where it is about to shift the page as I get ready to click, then click the button. At least for me, clicking 1 spot on the page to submit every game just seems a lot easier.
And thanks for you help - me digging around and trying different things is the best way for me to learn how to do these css things.
I tried to add a .m { } to the css file, but it did not seem to work. I'm still playing around to figure it out, but is that what you are saying I need to do?
Hum..... Just relized that is what all the input buttons & inputboxes are called - even on a discussion board and such.
So that means currently if I change it to look good on the game pages, it will mess up the discussion boards.
Fencer - any chance to have them called something different? Gameinput, discussioninput, etc.... (actually all I care about is changing the game page only.)
But problem - HEY FENCER - currently both the Submit & Cancel this move have the class="inputbutton"
So when I try to put the inputbutton in an absolute position on the page, all I see is the cancel button - since the submit is under it I believe.
It will be a pain to have the submit button near the top when i want to write a note, but it will be so much easier to play 99% of the game with scrolling!!!!!
I'm excited now - that is if I can get Fencer to define these 2 things differently.
Oh, and I found the following site VERY helpful in explaining some of the css stuff...... and it is another "brain" site:
Fencer: I work for the Center for Children Services - which I always use CCS as a quick way of where I work..... so it is VERY easy for me to switch those letters around. :-)
This is all new to me, but I started to play around in making my own CSS StyleSheet.
I made a lot of the colors the same as the "classic" look, but also made changes here and there that suits what I like. (for example I hide the quick style switcher on the top of every page - which moves the game page up a little more... or course not much, but it is a start.)
In case others would like to try out my style sheet, it is at:
(the .ccs one is still there, but I will delete it soon - so if you are using this one, change to the CSS one!
If you decide to use it - just a warning that some things may still change - there are still some font sizes that I know I can change - and probable will so it is easier for me to read - I like to fit as much info on one page, but not too small that I can't read it. So I'll be playing.
QUESTION: One of the BIGGEST request that I have is to have a duplicate Submit button ABOVE the board when it is time to submit. (like right under the game name - near the top of the page) (with the original still below the board with the text boxes in case I want to write some notes and such)
Is there any way to do this with Style Sheets. I'm guessing no - but I know I do not know enough about the .CCS files to know for sure.
volant: Oh yes - an option for sure since I know some people like scrolling down past the board (checking the board to make sure their move is good) before submitting.
For me, as long as the board does not "shift" while the page loads, I've already looked at the board when I made my move - and ready to submit and move on.
If I know the submit button is going to be in the same spot every move, it would speed things up a lot - letting me put my mouse where the submit button will be and being able to click as soon as it loads - without first waiting for page to load, then scrolling down the page - then looking for the submit button - then finaly clicking on it.
redfrog: Well before the site design change, the left column still loaded with just "Main Page" in it (again, a waste to load a whole column for just 2 words)
But after Fencer fixed the bug in that option, that column does not even load!
(I just hope Fencer does not add that column back in for some reason - both columns on the game page are NOT needed.... well unless you use any information in any of them, which I do not - I just want my game to load as quickly as possible, and would be nice to also have an additional submit button above the board also - giving me the option to not even scroll down.)
The more simple that game page is, the better in my opinion. All the extra "junk" is good when you are not playing your games - not needed while you are playing your games.
I have the ""Show menu column/row on game pages" option unchecked, so less things load while I play a game.
Before the site design change, it would still load the left column (with just "Main Page" line), and also show the middle column (with the game), and then also show the right column (with the Game Notation in it - EVEN if you choose not to view it)
So for some-what slow connection, the game page would start to load, and as you start to move your mouse to make a move, the next column would load - Shifting the board over making you make a bad move.
-------
NOW I'm glad to see that when you have the option ""Show menu column/row on game pages" unchecked, the left column does not even load anymore - YEA! 1/2 way there.
Is there ANY ANY ANY way to also have an option to turn off the right hand column where the game notation is? That would solve the long-held Firefox bug that loads the page in a strange way that shifts the page over during the page load.
I don't know enough about CCS to know if it is possible in there, but if not - FENCER - any chance for this option? Right now, the only thing in the right hand column is "Game notation (show)" and does not need a whole column just for the option to show the game notation.