3273 active members
  390 are online
Year Day Time
14 173 15:44:50
Logged in as Login
Guest
snewsgnewsmessagegeneralfactioninventorycombatroom
[Message Centre] :: [RPG Centre] :: [Question Centre] :: [White Scenarios] Archives » Don't know how to use CSS editor
Year 11 Day 32 19:24 Don't know how to use CSS editor
Alex Rin

If someone (or a few someones) could please help me understand how the css editor works... it would be soooo much easier had they just put all the stylesheet css into a big text edit and let you type away. As it is, I can't figure out how to use the text things... like I'll type something perfectly logical in and it often won't do anything.


Year 11 Day 32 20:17 Don't know how to use CSS editor
Phillip Bromley

I have suggested the very same thing, and even if I taught you how to use the CSS editor, it's buggy and doesn't work well. You should use Mozilla Firefox's Stylish extension. Make sure you get version 0.5.9 though. But even with that, your styling capabilities are limited.

I once attempted to create a purple skin for SWC, and I found that not all elements of SWC can be styled. If you want a new skin, you're best off writing a stylesheet and submitting it to be official. That's the only way a stylesheet of optimal quality can be created.


Year 11 Day 32 20:26 Don't know how to use CSS editor
Alex Rin

Humm. In that case, would anybody other than me like a white skin?


Year 11 Day 33 0:02 Don't know how to use CSS editor
Phillip Bromley

I was thinking of something like that myself. After my purple skin was accepted I was going to make more skins, including a white one among others. I still have to do a major revision of my purple skin, but haven't had time because of the holidays.


Year 11 Day 33 12:28 Don't know how to use CSS editor
Alex Rin

Understandable. I think a white skin would be neat.


Year 11 Day 33 13:47 Don't know how to use CSS editor
Phillip Bromley

I was also thinking of an orange skin, and maybe some multi-colored ones.


Year 11 Day 33 16:26 Don't know how to use CSS editor
Hal Breden

Take the idle chatter to DM.


Year 11 Day 33 23:13 Don't know how to use CSS editor
Alex Rin

Hrmm. Well could you explain what exactly I am supposed to type in the text boxes? It'll say like

body
{
background-color [_____]
}

and I'll type a hex code into the box (The one I tried was #ffffff, then tried #000000 and some other weird ones) but nothing happens. Same if I do any other different properties, for inputs or spacers or headers or tables.


Year 11 Day 34 0:46 Don't know how to use CSS editor
Phillip Bromley

I'll explain the CSS editor as best I can, let's assume you want to change the body's background color to #FFFFFF:
  • Click the "Add a selector/class/id" button.
  • Type in the selector you want to modify ("body" in this case).
  • Click the "Add a property" button.
  • Type in the property you wish to add/modify ("background-color" in this case)
  • Next to "background-color", there's a text field, type in the value you wish assign to the property you selected ("#FFFFFF" in this case).
  • Click "Save changes".
Not only is this ridiculously tedious, but it's buggy. Last time I tried it the changes I made were somehow reverted the next time I logged in. In addition to that, I just got an error message when attempting the example above:
“An Error type: PHP Warning with the Message: file_put_contents(/var/www/localhost/main/skins/1274531.css) [function.file-put-contents]: failed to open stream: Permission denied has occured. It has been stored as Error 11821.

- "Error 11821"
 ”
I strongly advise you use Firefox's Stylish extension instead. It provides the same (limited) styling capability as the built-in CSS editor without all the bugs. I recommend version 0.5.9. If you're unable to do this because you use Internet Explorer (*gasp*) then I'm unable to help you any further, since IE is crap.