HTML/CSS SCRIPTING PROBLEM FOR BLOG
Posts
Pages:
1
OK, so I have a blog started up and I have started editing the page; only problem is, I am trying to find how I would edit the post's background.
I have discovered through experimenting and reading up on other websites that are guides that white is created by placing the following:
I'd love to know if anyone knows the coding to round the edges as well, so their not so blah looking... Any help would be appreciated.
The site I'm playing with is here: http://idrilesannare.tumblr.com/
(And don't laugh, it's fun) xP
The coding i'm playing with (the .post section this is related to) is here:
I have discovered through experimenting and reading up on other websites that are guides that white is created by placing the following:
background: #fff;Or if you want black, then its the #fff replaced with #000... But, what I am wanting is to have an image (or even just a border ~inside~ the post-box to make it easier) appear so that it looks better then just a standard square white box.
I'd love to know if anyone knows the coding to round the edges as well, so their not so blah looking... Any help would be appreciated.
The site I'm playing with is here: http://idrilesannare.tumblr.com/
(And don't laugh, it's fun) xP
The coding i'm playing with (the .post section this is related to) is here:
#wrapper #content .post {
font-family: {font:Body};
background: #fff;
padding: 10px;
position: relative;
Yes, that is what I'm looking for, but it wants to add the bg image to the entire page. I just want it added to the box my posts show up in...
EDIT:
An example of the image I am playing with to get showing up in the background of the post-box is this:

EDIT:
An example of the image I am playing with to get showing up in the background of the post-box is this:

Then you would have to apply that to the box.
div.blog_post {
background-image: url("http://www.savinskiarts.com/sitebuilder/images/paisley_background_soft-630x390.jpg")
}
div.blog_post {
background-image: url("http://www.savinskiarts.com/sitebuilder/images/paisley_background_soft-630x390.jpg")
}
Awesome, I'll try that when I get home tonight... Thanks again guys! (I'm trying hard to learn this stuff... Not easy tho.) XD
Just an interesting tidbit:
#FFF and #000 are both shorthand CSS for #FFFFFF and #000000 respectively. The 6-character ones are the "full size" version and colors are normally declared with 6 characters.
Blue, for example, would be #0000FF and a very light green color could be #80FF80.
The 3-character shorthands are usable only when the 6-character color is repeating letters/numbers in the code, as #FFFFFF and #000000 are both doing.
While it doesn't really matter as far as the result goes, I personally suggest not using shorthands as they are usually bad for coding habit and code readability. (。= ω =。)
#FFF and #000 are both shorthand CSS for #FFFFFF and #000000 respectively. The 6-character ones are the "full size" version and colors are normally declared with 6 characters.
Blue, for example, would be #0000FF and a very light green color could be #80FF80.
The 3-character shorthands are usable only when the 6-character color is repeating letters/numbers in the code, as #FFFFFF and #000000 are both doing.
While it doesn't really matter as far as the result goes, I personally suggest not using shorthands as they are usually bad for coding habit and code readability. (。= ω =。)
Pages:
1

















