PDA

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



GMANGRIFFG
05-12-2008, 10: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, 10: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, 10: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, 10: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, 10:48 PM
do i just put it wherever i want?

FWDrew
05-12-2008, 10: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, 10: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, 10: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, 10:55 PM
thats not working :(

jcdevelopment
05-12-2008, 10: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-12-2008, 11:01 PM
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-12-2008, 11:03 PM
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-12-2008, 11:05 PM
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-12-2008, 11:07 PM
do you want the individual bars to be white? Because that will fill the BG with white!

GMANGRIFFG
05-12-2008, 11:15 PM
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-12-2008, 11:23 PM
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, 12:16 AM
and yeah i couldnt understand that last part :(

im sorry im so diffucult lol

FWDrew
05-13-2008, 12: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, 12:21 AM
"look in ths CSS and in any of the elements add..."

yeah im really dumb apparantly lol. sorry.

jcdevelopment
05-13-2008, 04: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, 04: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, 04:47 AM
well explain what you want to know or dont understand. Do you not understand the CSS part of adding colors?