[HOW TO] CSS Code Example 1 - The Basics

[iamtheoneneo]

 
Not sure when the official guide will come out but thought i would write a small guide about some CSS code implementations, will update as i go along, hopefully some clans may find this useful. Unfortunately Xippy are yet to implement full customization , so theres only a limited amount you can do at present.

To add CSS code enter your CP and go to main settings.
You can simply change the colour to your needs by using a hex generator. (google)
You can see all these in motion on my site: www.rgaming.co.uk

Where i put (in p) this means place the code in the p{} brackets else all other code belongs on its own line within the <style> area.hopefully thats simple to understand.

Change Hyperlinks:

Code:

<style type="text/css">
a:link {
COLOR: #3299CC;
}
a:visited {
COLOR: #FBEC5D;
}
a:hover {
COLOR: #91219E;
}
a:active {
COLOR: #FF1CAE;
}
</style>

Change main text (colour and size):

Code:

<style type="text/css">
p {color: #B4CDCD;  font-size: 1 em;}
</style>

Alignment (in p)

Code:

text-align: center;

Tighten up line spacing (in p)

Code:

line-height: 1.2em;

Change Font - doesnt apply to forums though (in p)

Code:

font-family: Georgia, sans-serif;

Font Bold

Code:

font-weight: bold;

Change background colour of anything in bold

Code:

b {background-color: #E2DDB5; }

image under text - great for watermarking!

Code:

p {background-image: url(http://yoururl); background-repeat: no-repeat; }

[Digger]

thanks alot looks really nice on my site already, altered the visited link to stay the same colour though.

Cheers

[HippY]

Nice one.

Yeah we working on adding in more custom functionality stuff.

Cheers.

[Paul]

great stuff.. Hope you don't mind added this to the [HOWTO] Cutomize your site post.

[iamtheoneneo]

go ahead, i did want to put it there anyway but couldnt 
like i said will be updating in a lot more detail over the few weeks, one thing i noticed though is that in the next update it would be good to allow for html in news etc that didnt break up text already there (ie text that hasnt been put in print tags etc)

i was attempting some list css earlier with it globally defined in the main settings and then simply using the corresponding tags in a news item - it worked but if you have normal text there already you have to properly code that aswell. which just takes forever.

basically what im saying is that would be good for the system to pick up on the text you write that isnt html coded and just print it as it is , instead of treating it like a mass of text with zero formatting.
another issue aswell is the bb codes under html conditions.

does that make sense?

im currently doing some coding for pagination, will post in a seperate topic when done as its pretty big. and needs some explaining.