How to...

Floortje's picture
...make a blog or account page so good looking with pictures on the background and different colours? =P I see it a lot and I was wondering how to do that, hoping it's not too technical for me. =P

I wanted to make a nice biography for my little Luna but I don't know how to do that in the way most people do. I guess I have to do something with "Input format" and "Filltered HTLM" or something? Is there any way to make a nice page in a easy way? =P

I hope someone can help me with this. =)
Starling's picture

Try reading through

Floortje's picture

Thank you so much! =) It's a

Thank you so much! =)
It's a lot of work though, but I'll try to make something out of it.

One more question (I'm sorry for me being a noob =P) but how can I use a pattern, for example from http://www.patterncooler.com/, in my blog? I can't find anything about that in your link. =)
Unplugged's picture

Don't touch the Input Format

Don't touch the Input Format stuff. Sticking out tongue That's all good.

The easiest way to use CSS is taking one of my templates and change the colours to your liking:
one - the easiest and simplest to edit. It lacks refinement though.
two - more advanced and refined, a bit of nifty transparent stuff. Still easy to edit.
three - getting somewhere now. this one is slightly more complicated but should be fine if you pay attention to the #000000 hex colours only, replace the background image and voila.
four - the newest, a bunch of nifty effects here, but also the most complex in terms of coding. Replace the background image. For colours you will have to pay attention to #000000 hexes and rgba-values here. I've included a small instruction for that.

Structure of a blog entry is really only useful if you have any pre-knowledge. Otherwise it looks horrible, even modified. It shows the "names" of the different parts through different colours.
How do I CSS If you want to understand what the css stuff actually does. It's an introduction to CSS.


To use a pattern, take this code:
{background:url('http://somepattern.jpg')}
and look at Structure of a blog entry, see where you want to use that pattern. Say you want it in the light-blue area. So you look for the name of the light blue, which is "#wrapper #container #center .right-corner .left-corner". Then add it to your code this way:
#wrapper #container #center .right-corner .left-corner{background:url('http://somepattern.jpg')}
Floortje's picture

Oh wow, this looks much and

Oh wow, this looks much and much more easy...! Thanks a lot! =D
I do not have any pre-knowledge or even interest in having the knowledge, I just wanted some kind of personal made biography for Luna. xD
I guess I'm just going to start with "one" to see how it's going. =) Thanks again!!
Sighthoundlady's picture

I'm tracking this as I too

I'm tracking this as I too lack good knowledge of CSS and there are some useful comments here! Smiling

*Tracking this too for the

*Tracking this too for the same reason*
Floortje's picture

Wel... I have to admit, I

Wel... I have to admit, I doesn't work out with me and CSS. =(
It's my fault, I got good explanations from you guys, but I'm just not that technical. =P

What I did now is making my bio in Paint, with all the text and pictures and such, and just change the background in this website with CSS to the same colour as I used in Paint, because that's not too difficult, and in my opinion in looks fine this way. =)