View Full Version : CSS Style Sheet
kitty_katt07 10-10-2004, 05:02 AM Alright, so I started to use style sheets for my site because I thought it would be a lot easier, but when using them I found they really did not work. All I could do is change the fond basically, and even that didn't work all the way. The hover and link effects won't work, p nav codes wont work, nor will a lot of other things.. am I doing something wrong or is there a limit to the CSS you can link with a style sheet?
Monkey Bizzle 10-10-2004, 05:22 AM why don't you post the link here so we can take a look at it.
kitty_katt07 10-10-2004, 07:02 AM Well it's in geocities so I can't directly link to it, but here is what it in it.. I am using geocities and my layout uses divs and iframes.
<<style type="text/css">
ul,li{list-style-image: url(http://img72.exs.cx/img72/5168/bullet3.jpg)}
i.img{background:url();width:0;height:0;position:a bsolute;top:0;left:0}
body {cursor: url(http://www3.telus.net/wilsoncheung/cursor.ani)} </style>
<style>
body
{ background: F7F0D4 url("http://img60.exs.cx/img60/3611/goldenb.jpg");
background-attachment: scroll;
background-position: bottom center;
background-repeat:repeat-y;
)}
<!--body {scrollbar-face-color:F6F0D0;
scrollbar-shadow-color:F6F0D0;scrollbar-highlight-color:F6F0D0;scrollbar-3dlight-color:F6F0D0;scrollbar-darkshadow-color:F6F0D0;scrollbar-track-color:F6F0D0;
scrollbar-arrow-color:DE7E01;}--></style>
<style type="text/css">
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor,td,p, body, div{color:#E2B633;font:8pt terminal}
</style>
<style TYPE="text/css">
A:LINK {font-family:terminal;font-size:11; color: #E2B633;text-decoration:none; cursor:crosshair;}
A:VISITED {font-family:terminal;font-size:11;color: #E2B633;text-decoration:none }
A:ACTIVE { font-family:terminal;font-size:11;color: #E2B633;text-decoration:none }
a:hover{font:11 terminal;color:EEDEAD;text-decoration:none; cursor: ne-resize; position:relative;top:1;}
</style>
<style type="text/css">
p.nav {
/* edits the menu modules */
background-image:url(http://img72.exs.cx/img72/7079/Untitled-1copy51.jpg);
background-color:transparent;
font-family:terminal;
text-transform:none;
font-size:11px;
line-height:14px;
font-weight:normal;
border: 1px solid #E5BA3A;
color: E5BA3A;
letter-spacing:2px;
text-align: center;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #E5BA3A;
font:normal 8px terminal;
background-color: #white;
letter-spacing:0px;
}
td,p,body,div{color:E5BA3A;font:8pt terminal}
</style>
kittycat 10-10-2004, 01:03 PM <style type="text/css">
ul,li { list-style-image: url(http://img72.exs.cx/img72/5168/bullet3.jpg); }
i.img { width:0; height:0; position:absolute; top:0; left:0; }
body {cursor: url(http://www3.telus.net/wilsoncheung/cursor.ani); background: #F7F0D4 url("http://img60.exs.cx/img60/3611/goldenb.jpg");
background-attachment: scroll;
background-position: bottom center;
background-repeat:repeat-y;
scrollbar-face-color:#F6F0D0;
scrollbar-shadow-color:#F6F0D0;
scrollbar-highlight-color:#F6F0D0;
scrollbar-3dlight-color:#F6F0D0;
scrollbar-darkshadow-color:#F6F0D0;
scrollbar-track-color:#F6F0D0;
scrollbar-arrow-color:#DE7E01; }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor,td,p , body, div{color:#E2B633; font:8pt terminal; }
A:LINK {font-family:terminal; font-size:11pt; color: #E2B633; text-decoration:none; cursor:crosshair; }
A:VISITED {font-family:terminal; font-size:11pt; color: #E2B633; text-decoration:none; }
A:ACTIVE { font-family:terminal; font-size:11pt; color: #E2B633; text-decoration:none; }
a:hover{ font:11pt terminal; color:#EEDEAD; text-decoration:none; cursor: ne-resize; position:relative; top:1; }
p.nav {
/* edits the menu modules */
background-image:url(http://img72.exs.cx/img72/7079/Untitled-1copy51.jpg);
background-color:transparent;
font-family:terminal;
text-transform:none;
font-size:11px;
line-height:14px;
font-weight:normal;
border: 1px solid #E5BA3A;
color: #E5BA3A;
letter-spacing:2px;
text-align: center;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #E5BA3A;
font:normal 8px terminal;
background-color: #white;
letter-spacing:0px;
}
td,p,body,div{ color:#E5BA3A; font:8pt terminal}
</style>
Fixed up stylesheet. If this is an external stylesheet remove the beginning and end style tags. You also have two different colours for your td/p/body/div text(after body section and at end) so decide which colour you want them to be and remove them from the other section.
kitty_katt07 10-10-2004, 06:16 PM thank you so much kitty that seemed to have work, the only thing that isn't working is my <li> list bullet.. It should be a little square .gif I made but it shows up as the defult bullet. It worked when I had the code on the same page, tho
kittycat 10-11-2004, 06:17 PM If it's an external stylesheet, remove the beginning and end <style> tags.
|