CSS on Deviant Art. :rage:

[The Witch]

I'm about to pull my hair out from aggravation, I swear. My mom recently gave me a premium account on deviantart which allows you to customize your journals, profile, etc. Now, I'm not a complete noob with CSS. I edit layouts and know my way around them, I've done it since I was 15. But I am seriously confused with that site right now.


I was wondering if anyone could help me with making just a simple code of just having a background image to parts of the profile. Each segment of a deviantart profile allows for its own set of codes, so it's not a major layout I'm asking help with.

I just want to be able to have sections of my profile to have background images and small font and text changes(like placement, size, and color)

This is what it looks like now: http://i54.tinypic.com/iy315d.jpg
I would love to have the greenish background be my own customizable background image. I see people do it all the time on the site. I just don't know how D:

I've googled and binged the hell out of searching for templates, layouts, you name it I looked for it. But I can't find any to help with a starter skin to use for noobs.

Points, rep, whatever you want just someone please help me

(sorry if I confused anyone, not real good at even saying CSS questions right )

 

[Steve-O]

luckly your in luck.. i'm doing CSS right now in college XD

do you mean just for the box or for the whole page also is there a way to post ur current code soo I can take a look XD

 

[moogling]

Use background: url(http://blahblah.blahblah) no-repeat; in the block for whatever element you're trying to get the background image on

or

background-image: url(blah);
background-repeat: no-repeat;

 

[The Witch]

luckly your in luck.. i'm doing CSS right now in college XD

do you mean just for the box or for the whole page also is there a way to post ur current code soo I can take a look XD

That's the thing. I have no code to go off of. It's just... blank.

@Sakura
will that make it to where it's just a back ground image and I could still add my text without the image overriding it?

 

[Steve-O]

you should be able to write text over it the image will not override them

 

[The Witch]

Sweet, so, I would literally just be able to add that code and the image would be there?

Also, can you help my with font color and size?

 

[Steve-O]

yh the CSS just set out the layout of the page... the text is added as part of the HTML... and sure let me just grab an example and i'll post it

EDIT: here's an example for setting up Text

font-family: "Arial", "Helvetica", sans-serif;
font-weight: normal;
font-size: 12pt;

 

[The Witch]

Okayyy, now where would I put the font that I write so that the code works?

 

[Steve-O]

if you want it across the whole page you need to put it in the body part for example

body {
font-family: "Arial", "Helvetica", sans-serif;
font-weight: normal;
font-size: 12pt;
}

but if you want it for example just paragraphs or headers you need to put it in the P part or h1 like this

h1 {
font-family: "Arial", "Helvetica", sans-serif;
font-weight: bold;
font-size: 16pt;
color: #000033;
}

 

[The Witch]

Okay, now where would I put the sentences I want the code to change?

 

[Steve-O]

do you mean where do youm put the code for the paragraphs you want the font to change...

in the html code just do like for a paragraph do

<p>hello this is an example</p>

and for a heading for example do this <h1>hello</h1>

this is in the html code not the CSS

 

[blakstang98]

Just a friendly reminder, lets keep the thread on-topic, okay?