You can create your own skin for your Socialtext wiki using our CSS Kit .
The CSS kit includes all the skin files for our default Socialtext skin.
If you want to make a really simple skin, you can use the skin from this workspace, and replace the logo in the header with your own, like this one I created for a made-up company (yes, that's my cat):
To do this, download socialtext-skin.zip from this page to your home machine and follow these steps:
:
- Unzip the file. Inside, there should be css, images, and javascript folders, along with an info.yaml file.
- Prep your logo image: the Socialtext logo above is 40 x 210 pixels. Keeping your logo at 40px in height will make this much easier for you- the width is less important. Copy your image (gif files are best) into the images folder. Do not put it inside any of the images subfolders.
- Go to the css folder, and edit the screen.css file. Find line 36-37:
.st-wiki-nav {
background:#303030 url(../images/headLogo.gif) no-repeat scroll 30px 30px;
- Replace "headLogo.gif" with your filename.
- Save your changes to the screen.css file.
- Change the name of the overall skin folder from socialtext-skin to whatever you want to call your skin.
- Create a new zip file of the skin folder. On PC, right click and choose "Send To -> Compressed (zipped) Folder". On Mac, ctrl+click and choose "Create Archive of "foldername"".
Your new skin is finished!
Now, to get it on your workspace: Uploading a new skin
