Pro Socialgo > For web community software

You can view the podcast Prosocialgo here. 

  It is a good idea to learn to work from the provided socialgo CSS theme template. I grab that CSS with Html scout. Just load the page and click the style or CSS tab. Copy and paste it into your own CSS doc. But as I have used in this tutorial series, you can just copy and paste as you go using firefox plugins like firebug. Here is how you set up a CSS and HTML to use on your hard drive. After your done, you can either put the CSS on a server and link to it in your Header are of custom CSS area of Socialgo admin. Do this like so:

<link href="www.mywebsite.com/css/css2.css" rel="stylesheet" type="text/css" /> 

Now your Socialgo will read that CSS style sheet. This is cool cause you can update the style sheet then upload it, then ta-da, your whole site is updated, no going to the admin and copy and pasting css into the header again. Here is how you set up your CSS and HTML: I will be working from my own style sheet and HTML on on my hard drive. The way you do this, if you don't know, is to go to the page you want to work on. In the menu click "View," or something similar in all browsers. Select "View Page Source," Then copy and paste this into a html doc. Replace any info in the doc with this. Save it. Now create a blank CSS, save it in the same root folder. Now look for this code between the header of your HTML doc:

<link rel="stylesheet" href="/theme/38597-1238993918.css" type="text/css" media="screen" />

Replace the URL of the theme style sheet, in this example "38597-1238993918.css" with the url to your new style sheet in your root folder, it should look something like this mycss.css if you put it in the same folder as the HTML. Cool now when you change the css and save it will effect your html. you can keep your HTML open in a browser and just refresh to see the changes. If you are working in Dreamweaver or something similar, just delete the entire theme CSS and link to your own CSS through the CSS palette. In dreamweaver it is in the lower left hand of your pallet, a little chain icon.

Part one, two