Bungie.net Community
This topic has moved here: Subject: CSS Guide.
  • Subject: CSS Guide.
Subject: CSS Guide.
  • gamertag:
  • user homepage:
  • last post: 01.01.0001 12:00 AM PDT

The most vital part of the new theme builder is the CSS (Cascading Style Sheet, a web language) document titled "Styles". Basically, this is a document that directly affects the presentation and layout of whatever it pertains to (in this case, chapters). So, let's begin.

You should have both your Styles document open (use notepad to edit it), and your preview HTML page. Keep refreshing the preview as you go along to see what changes have been made. Everything you deal with will either be a URL to an image, a HEX colour, or a size attribute.

HEX colours may look hard, but broken down they're not that tough. You'll see a hash followed by six characters, which is the colour. The characters you can use range from 0 to F, like 0 1 2 3 4 5 6 7 8 9 A B C D E F. Higher is lighter, lower is darker, so white is #FFFFFF and black #000000. In the HEX, the first two characters deal with red, the second two deal with green, and the last with blue. So a dark red is #330000, a dark green is #003300, and a dark blue #000033. It's best to start mixing for optimum results. The first character of each colour is the most important, and the second makes slighter differences.

To change the colours of your theme, simply edit the HEX colours in the styles document. Each colour has a good explanation of where it will take effect, but if you're not sure what the link colours are on about, all you need to know is that hover refers to when your mouse hovers over the link, visited to the colour it turns once you have clicked it, and link to the usual colour of the link. The other colours are pretty much self-explanatory.

You can only edit a few images using the CSS, but all you need to do is change the URL to the URL of the image you want. Keep all your images in the images folder, then you only need to use the URL images\yourimage.gif.

Finally are the size attributes. I suggest you leave these alone unless you are confident in your ability and/or have previous experience in CSS.

[Edited on 10/27/2004 3:40:00 AM]

  • 10.27.2004 2:58 AM PDT

Only Becausae I'm Awesome

Forum Tutorials --- WATCH THEM AND LEARN

w11t, first post, now i'll read it.

Good guide. It kinda all makes sence to me. I've only done css one before =/

[Edited on 10/27/2004 3:37:55 AM]

  • 10.27.2004 3:35 AM PDT

The only images you should be changing in the css are the
images/MainNav/CommunityNavTop.gif
and
images/MainNav/CommunityNavBottom.gif
So you can pick which type of nav bars you want on the top and bottom of your page. If you mess with others, it will break.

I should also note that you should keep the files names all the same as they are, or again, it will break.

  • 10.27.2004 10:16 AM PDT