View Full Version : CSS Help (backrounds/skins)


mybubbles
10-09-2005, 08:05 PM
I am bored of just backround colors. Is there any CSS for a backround image url?
I have experimented and it just won't work.
My external style sheet looks like this:
body {background:#FFFFFF url(http://img.photobucket.com/albums/v493/rosewater12/cascadingbackround4.gif) repeat-y;}
td,p,body{color: black; font:7.5pt Verdana;}

a font,a:link,a:visited{color:black;font:7.5pt Verdana;text-decoration:none}
a:active{color:black; font:7.5pt Verdana; text-decoration: none;}
a:hover{color :FFFFFF; text-decoration: none;}

body{scrollbar-face-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-track-color:000000;
scrollbar-arrow-color:000000;}

Are backround images possible on CSS?
Also, a lot of my friends have skins on their sites. How do you do skins?
Any help/tips appreciated. :)

kittycat
10-09-2005, 08:31 PM
What you have should work, try combing the two body sections and make sure you don't have any style tags in the stylesheet

td,p,body{color: black; font:7.5pt Verdana;}

a font,a:link,a:visited{color:black;font:7.5pt Verdana;text-decoration:none}
a:active{color:black; font:7.5pt Verdana; text-decoration: none;}
a:hover{color :FFFFFF; text-decoration: none;}

body{scrollbar-face-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-track-color:000000;
scrollbar-arrow-color:000000;
background:#FFFFFF url(http://img.photobucket.com/albums/v4...backround4.gif) repeat-y;}

For skinning information look in the Advanced Programming forum

mybubbles
10-09-2005, 09:31 PM
No that is the cascading backround. I wanted to know...Oh never mind. Thanks for helping with skins!

Mona
10-11-2005, 04:08 AM
Looks like you had a few niggling errors, try this instead:

body {background-color:#FFFFFF; background-image: url('http://img.photobucket.com/albums/v4...backround4.gif');
background-repeat: repeat-y;}

This works fine for me :)

lilfrizzboricua
10-11-2005, 04:41 PM
i cant get my background to show up i know its a problem within my css cuz when i remove the css link it shows up!
this is what i have

<style type="text/css">

A:link
{ text-decoration: underline; color: silver; }
A:visited
{ text-decoration: line-through; color: black; }
A:active
{ text-decoration: underline; color:black; }
A:hover
{ text-decoration: underline overline; color:red;}

background-image: ;
background-color: black;


cursor: s-resize; }


h1 {font-family: verdana;
color: pink; }

p {font-family: verdana;
color: pink; }

body
{ background: white;
background-image:('http://www.syck0.net/infamousshortii/pictures/background.gif');
background-repeat: repeat-y,x;


font-family: verdana;
color: black;
letter-spacing: 3pt;
font-weight: normal;
font-size: xx-small;

direction:;

scrollbar-face-color : yellow;
scrollbar-highlight-color : pink;
scrollbar-3dlight-color :yellow;
scrollbar-shadow-color : white;
scrollbar-darkshadow-color : yellow;
scrollbar-track-color : yellow;
scrollbar-arrow-color : white;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;}

td
{ font-family: verdana;
color: black;
padding-left:0cm;
padding-right: 0cm;
padding-top: 0cm;
padding-bottom: 0cm;
padding: 0cm;
padding:0cm 0cm; }


</style>

ive tried everything to fix it but no luck can anyone help me please???
thank you!!!

Monkey Bizzle
10-11-2005, 04:53 PM
Since this is external CSS, take out the <style="text/css"></style> tags =) You also have a few errors in your CSS so try this code:

A:link
{text-decoration: underline; color: silver;}
A:visited
{text-decoration: line-through; color: black;}
A:active
{text-decoration: underline; color: black;}
A:hover
{text-decoration: underline overline; color: red; background-color: black; cursor: s-resize;}

h1
{font-family: verdana;
color: pink;}

p
{font-family: verdana;
color: pink;}

body
{background-color: white;
background-image: url('http://www.syck0.net/infamousshortii/pictures/background.gif');
background-repeat: repeat;

font-family: verdana;
color: black;
letter-spacing: 3pt;
font-weight: normal;
font-size: xx-small;

scrollbar-face-color : yellow;
scrollbar-highlight-color : pink;
scrollbar-3dlight-color :yellow;
scrollbar-shadow-color : white;
scrollbar-darkshadow-color : yellow;
scrollbar-track-color : yellow;
scrollbar-arrow-color : white;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;}

td
{font-family: verdana;
color: black;
padding: 0cm;}

lilfrizzboricua
10-11-2005, 04:59 PM
i took the tags out and i uploaded it in the ftp but it still looks like the background doesnt show up

Monkey Bizzle
10-11-2005, 05:07 PM
Can you provide a link to the page you are having problems with please?

lilfrizzboricua
10-11-2005, 05:10 PM
http://www.syck0.net/infamousshortii

lilfrizzboricua
10-11-2005, 05:34 PM
i fixed it thanks a bunch!