Page 1 of 1

CSS - Where does it go?

Posted: Thu Aug 07, 2008 12:27 am
by Abeee
I apologise if this is in the incorrect place. I have browsed forums and thought this was the most suitable.

I'm relatively new html and css codes, and am using the ComicGenesis html generator and css centre in the attempt to make my comic look pretty.

Following it's guidelines, I have managed to (I believe, successfully) change the html templates and have added links and such to my comic. However! When it comes to the CSS I am confused.

The site says that the files available for download, the css codes, can be right-clicked and saved. This I don't understand. I cannot click on the image giving you a preview of the css code, and right-clicking the link for the css code for it will only let me save the link. If I click the link, it opens up a page with the code, and I cannot right-click and save that either. I did copy and paste a copy of the css code I wanted yesterday, and put the file somewhere in my workspace area, but today it has not loaded - so my experiment cannot have worked.

How can I save the css code? Where should I save it to? What does it need to be titled, and where do I put it?

I have scoured tutorials and tagtorials and alsorts, and I cannot find any reference to it. Even on the generator site, it doesn't seem to tell me what to do with this css code. If there is something I've missed, please point me back that way? :(

I'm getting confused, so...I thought I'd ask.

Sorry, and thank you

Re: CSS - Where does it go?

Posted: Thu Aug 07, 2008 2:47 am
by Metruis
You want something like this in your pages... in the <head> </head> part of your HTML document, after your site title.

Code: Select all

<LINK REL=StyleSheet HREF="/style.css" TYPE="text/css" MEDIA=screen>
Depending on what the .css file is named. You save the .css file by pasting the code into Notepad or something and saving it as .css... then whatever it's named goes into the code I have up there.

And I haven't figured out whether it goes into workspace or the webpages folder so I have a copy in each. (dies) Anyway, I suggest naming it style.css, because that makes sense, or screen.css or something. If it opens up a page with the code, right clicking and saving the link should work, it should save as something.css, but if that doesn't work, just open that page and copy the code, then paste it into Notepad. I don't know what this generator you're using is because I coded my site by scratch... so I can't offer help there. I can help with basic coding though. :)

Re: CSS - Where does it go?

Posted: Thu Aug 07, 2008 3:33 am
by Abeee
Like I said, lol, I'm a bit of a noob when it comes to coding :P It's not that I can't do it. I just don't know where to begin.

I didn't go so far wrong, then. I did save the code into notepad as screen.css, just not sure where I uploaded it to. Thank you for the advice - I shall try it as soon as I can ^^

Need to get some banners up too, lol.

Thanks again
x

- Just checked. My file was in workspace generally, and didn't seem to work (unless I did it wrong, which is highly possible).

Re: CSS - Where does it go?

Posted: Thu Aug 07, 2008 3:45 am
by Metruis
Righto, then make sure that you have that bit of code in your HTML head, just as screen.css rather than style.css and maybe try putting it in 'webpages'.

Coding can be a bit overwhelming, yeah. (dies) My first layout, I went over a bunch of other people's layouts to just take a look at how the code worked. I got better. My first was this table monstosity. Looked good, nice and simple. This one's CSS. At least you're STARTING with the CSS. :shifty: :wink:

Re: CSS - Where does it go?

Posted: Sun Aug 10, 2008 8:39 pm
by C.w.
Sorry about that - that's covered in the FTP tutorial.

To save the CSS file, you have to right click the "CSS" text next to where it says "Download:" and hit "Save as..."
The CSS files go in the "workspace/webpages" folder. Your site might have to update before you see it - you can either do that manually or wait 24 hours.

Re: CSS - Where does it go?

Posted: Mon Aug 11, 2008 3:31 am
by Abeee
Forgive me, I'm finding this all a bit confusing.

There are several references in tutorials to putting things on your pages, but I don't understand how you can do that. It's not as if the page is in front of me and I can click an "edit" button and see it all before me to put tags in and such........is it?

For example...this newsbox thing. The tutorial says to put the tag onto my page. Does this mean then that it has to go into the file for the index or daily update, then uploaded again using the FTP?

I am trying, lol, and I have looked for other references and other tutorials....

Re: CSS - Where does it go?

Posted: Mon Aug 11, 2008 4:15 pm
by Wendybird
Abeee wrote:For example...this newsbox thing. The tutorial says to put the tag onto my page. Does this mean then that it has to go into the file for the index or daily update, then uploaded again using the FTP?
Yes. I edit my templates using Notepad. I use http://www.w3schools.com/Html/default.asp to learn how to edit the HTML. Once you have your basic format, just stick in ***newsbox*** where you want it to end up on your page.

Re: CSS - Where does it go?

Posted: Wed Aug 13, 2008 12:57 am
by Abeee
Right, thank you.

I probably should have started with that website, in all honesty. Me being a nub again.

I shall give it a try. Thank you.