CSS help?

hopeofthelily's picture
Ok I have no idea what anything to do with ccs is, but I to make a bio and wanted it to look at least somewhat cool.

All I want to know how to do is add a BG to the page, make a header, how to put in scroll boxes.

I kind of want the layout to be like:

-header- (centered)

-Image- (left) -scrolling text box- (right)

-scrolling text box (left) -scrolling text box (right)


and then have some plain colored BG to all of it

((EDIT: also bg color for scrolling boxes))
Waning-Sun's picture

If no one else whips

If no one else whips something up for you, I could give it a shot.


I can't make fancy headers or anything like that though-don't have the code/knowledge/ability, but I can give you the very basic layout.
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

ok thanks. I'll will let you

ok thanks. I'll will let you know c:

though my brother just informed me that he know some basic coding and if he can find his notes he would see if he can help me out. But this isn't positive.
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

Alright, just let me know if

Alright, just let me know if he's going to help you or not.
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

he says the method of coding

he says the method of coding he knows doesn't work on this site and so I'd like your help please
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

Okie doke! I'll start working

Okie doke! I'll start working on something for you. It'll take me a little bit, as I've got other stuff to do too, but I'll have it up for you tomorrow at the latest.


Do you want to keep the sidebar? Or would you like that removed?
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

I'd like to keep it and

I'd like to keep it and thanks ^^
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

Alrighty! I'll get something

Alrighty! I'll get something worked up for you.
Avatar by Meadow. Siggy © Shey & Squeegie
Waning-Sun's picture

How does this look? Oh, do

How does this look?

Oh, do you want a comment border? And colors can easily be changed, just made them the way they were so I could see them easier.
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

whats a comment border?

whats a comment border?
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

They're just the border for

They're just the border for the individual comment. Like how the default comments on this site have a green and purple color bordering the top and bottom of this response.
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

oh yeah sure

oh yeah sure
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

Okay, there are at least four

Okay, there are at least four different borders. I gave it dotted just to give it something. You can change it up in the code though. I know there's a way to change each side of the border too, but I can't remember how it's done now.
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

oh ok that's fine

oh ok that's fine
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

Do you want me to change

Do you want me to change anything?
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

I don't know, I'd have to see

I don't know, I'd have to see it
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

Alright, I linked it up

Alright, I linked it up there. But here. Click on me! I'm a link!
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

sorry i didn't see the link

sorry i didn't see the link o-o

it looks good but is there any way to make the overall width slightly smaller? If not it's fine and I think it's awesome c:
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

Yes, there is. I brought it

Yes, there is. I brought it down a little bit, does that help at all? It's not a very noticeable change, but I'm not sure what you see. Is the width stretched?
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

yeah thats better, it was

yeah thats better, it was just making me scroll over slightly to see all of it
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

So it's all good now?

So it's all good now?
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

yep it's amazing ^^ oh, my

yep it's amazing ^^

oh, my brother has been trying to figure out how to code on here like all day and was wondering if you mind him picking apart your code to get some ideas or something like that :\

Also how do I get the code from the post you made. Or are you going to give it to me separate?
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

Well the easiest way is to

Well the easiest way is to just right click on the page, click view source and copy the code over. You wouldn't happen to have a deviantArt account, would you? I could just send it over that way too.
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

Yeah I do, same username as

Yeah I do, same username as on here ^^
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

Hopefully I sent it to the

Hopefully I sent it to the right person.
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

yeah you did, your icon is

yeah you did, your icon is cute lol

thanks for the help^^
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )

Waning-Sun's picture

You're welcome! And thanks!

You're welcome!


And thanks! My friend helped me pick it out.
Avatar by Meadow. Siggy © Shey & Squeegie
hopeofthelily's picture

welcome

welcome
People always question my name (irl/for characters) (site: http://www.freedict.com/onldict/jap.html )