...

View Full Version : I'm dumb at these things. Help on background.



GMANGRIFFG
05-12-2008, 11:42 PM
so i have a website for me and my friend's movie production company, purple platypus productions. the website is http://www.freewebs.com/officialpurpleplatypus
i have a plain color background, but i want to put one on say from photobucket? how do i do that?
here my style thing, so i guess you could edit it to how it needs to be.
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;

color: white;
background-color: #2F3293 }
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: #2F3293;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid white }
ul.navbar a {
text-decoration: none }
a:link {
color: white }
a:visited {
color: white }
address {
margin-top: 1em;
padding-top: 1em;
border-top: thin solid }

the photobucket link is
http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg

jcdevelopment
05-12-2008, 11:43 PM
<img src="http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg" />


oops, you want a reapeating back ground


body {
background-image:http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg;
background-repeat:repeat;
}

GMANGRIFFG
05-12-2008, 11:46 PM
<img src="http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg" />


oops, you want a reapeating back ground


body {
background-image:http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg;
background-repeat:repeat;
}

and then where do i put that in the style?

FWDrew
05-12-2008, 11:47 PM
and then where do i put that in the style?

umm, in the Style Sheet would be where the styles go. :thumbsup:

Drew

GMANGRIFFG
05-12-2008, 11:48 PM
do i just put it wherever i want?

FWDrew
05-12-2008, 11:50 PM
do i just put it wherever i want?

See above. Your styles go in your CSS. If you dont know what that is then maybe you need to do some more research.

Drew

GMANGRIFFG
05-12-2008, 11:52 PM
yeah im new at this and i mihgt sound dumb but do i just take that code he gave me and just stick it anywhere in my style sheet or is there an assigned place i need to put it?

jcdevelopment
05-12-2008, 11:53 PM
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
background-image:http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg;
background-repeat:repeat;
color: white;
background-color: #2F3293 }

GMANGRIFFG
05-12-2008, 11:55 PM
thats not working :(

jcdevelopment
05-12-2008, 11:57 PM
sorry, im an idiot i didnt see what i did


body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
background-image:url(http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg);
background-repeat:repeat;
color: white;
background-color: #2F3293 }

GMANGRIFFG
05-13-2008, 12:01 AM
haha thats okay. thanks.

that works but it looks jacked up. is there a way i can like put a white box around my test and my nav bar and things like that?

jcdevelopment
05-13-2008, 12:03 AM
like this?



ul.navbar {
list-style-type: none;
padding: 0;
border:1px solid #fff;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em;
background-color:#fff; }

GMANGRIFFG
05-13-2008, 12:05 AM
like this?



ul.navbar {
list-style-type: none;
padding: 0;
border:1px solid #fff;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em;
background-color:#fff; }



yeah but liked filled in with white.
and i would change my text color to black or something later.

jcdevelopment
05-13-2008, 12:07 AM
do you want the individual bars to be white? Because that will fill the BG with white!

GMANGRIFFG
05-13-2008, 12:15 AM
yeah it would put it over the background but only on those parts. it would look something like this...
http://i26.photobucket.com/albums/c149/GMANGRIFFG/illustration.jpg

jcdevelopment
05-13-2008, 12:23 AM
ul.navbar li {
background: #fff;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid white }
ul.navbar a {
text-decoration: none }
a:link {
color: #000; }

try that!

anything that you want a BG color to be.. look in ths CSS and in any of the elements add


background-color:#----; just pick a color!

GMANGRIFFG
05-13-2008, 01:16 AM
and yeah i couldnt understand that last part :(

im sorry im so diffucult lol

FWDrew
05-13-2008, 01:19 AM
yeah i couldnt understand that last part :(

What couldnt you understand? I am assuming the colors going on what you said.

Colors are written by referring to their number. So black would be
#000000;

http://www.w3schools.com/Html/html_colors.asp


im sorry im so diffucult lol

Your not difficult, just new to some of this. I really recommend you spend at least a few days and read through this http://www.w3schools.com/CSS/ and then ask questions about what you dont understand. Learning CSS now will be of much benefit to you and your web design skills. :)

Drew

GMANGRIFFG
05-13-2008, 01:21 AM
"look in ths CSS and in any of the elements add..."

yeah im really dumb apparantly lol. sorry.

jcdevelopment
05-13-2008, 05:21 AM
what these are



#000000


Those are colors defined by letters and numbers. Look up colors in CSS and HTML google.. it will explain it quick.

If you have any other questions i will be on tomorrow, and so will everyone else!

GMANGRIFFG
05-14-2008, 05:15 AM
what these are



#000000


Those are colors defined by letters and numbers. Look up colors in CSS and HTML google.. it will explain it quick.

If you have any other questions i will be on tomorrow, and so will everyone else!


nah i know what the colors ans all all that good stuff but i just only know the simple stuff on eveerything. :(

jcdevelopment
05-14-2008, 05:47 AM
well explain what you want to know or dont understand. Do you not understand the CSS part of adding colors?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum