PDA

View Full Version : A few basic questions

Naresha
06-05-2005, 09:44 AM
Okay... I just got myself a new website and I decided to try my hand at CSS for it. I just created one and 1) I have no idea if it's right or not but I tried my hardest to follow what Lissa has on the site and 2) I'm not 100% sure what I do with it now. What do I save it as? How do I link it in to effect all the other pages I create?

Below is what I created:

<style type="text/css">

A:link
{ text-decoration: none; color:#FFCCFF; }
A:visited
{ text-decoration: underline; color:#FFCCFF; }
A:active
{ text-decoration: blink; color:#FFCCFF; }
A:hover
{ text-decoration: none; color:#99CCFF;

{background: #000000; }

body
{background: #000000;
background-image: http://img.photobucket.com/albums/v518/NareshaNinya/The%20Inner%20Muse/sideborder.bmp;
background-repeat: repeat-y;
background-position: left left;
background-attachment: fixed;

scrollbar-face-color : #000000;
scrollbar-highlight-color : FFCCFF;
scrollbar-3dlight-color : #99CCFF;
scrollbar-shadow-color : #99CCFF;
scrollbar-darkshadow-color : 666666;
scrollbar-track-color : #000000;
scrollbar-arrow-color : FFCCFF;
}
</style>

Thanks!

Naresha.
pb&j
06-05-2005, 02:12 PM
you are very close.
take out the outer <STYLE> </STYLE> tags,
and fix up the coding like so...

A:link
{ text-decoration: none; color:#FFCCFF; }
A:visited
{ text-decoration: underline; color:#FFCCFF; }
A:active
{ text-decoration: blink; color:#FFCCFF; }
A:hover
{ text-decoration: none; color:#99CCFF; }

body
{background-color: #000000;
background-image: url(http://img.photobucket.com/albums/v518/NareshaNinya/The%20Inner%20Muse/sideborder.bmp;);
background-repeat: repeat-y;
background-position: left left;
background-attachment: fixed;
scrollbar-face-color : #000000;
scrollbar-highlight-color : FFCCFF;
scrollbar-3dlight-color : #99CCFF;
scrollbar-shadow-color : #99CCFF;
scrollbar-darkshadow-color : 666666;
scrollbar-track-color : #000000;
scrollbar-arrow-color : FFCCFF;
}


and save the document as "somename.css"
and save it to where your normal webpages are stored.

now in all of your normal webpages, you can add this line into the <HEAD> area of the coding...

<LINK href="somename.css" rel="stylesheet" type="text/css">

that will bring the css contents into the webpage to use.

give all that a go and let us know if it helps out.
Naresha
06-06-2005, 02:59 PM
Oooh! Thanks!!! I shall try it tomorrow hopefully. I was wondering why it didn't work when I did a copy-paste and fill in the blanks straight off the site! Shall try and get back to you! :)
pb&j
06-07-2005, 07:33 AM
sometimes doing a straight copy/paste, things get a bit missed or messed.
normal stuff. no problem. hope it helps. :)
Naresha
06-09-2005, 06:22 AM
sometimes doing a straight copy/paste, things get a bit missed or messed.
normal stuff. no problem. hope it helps. :)
Yeah... And all the brackets that Lissa has in there with various bits and pieces - methinks I got confused! I finally had time to update it and I shall try it asap!