| Mercy ( @ 2006-09-21 13:24:00 |
| Current mood: | |
| Entry tags: | !set-up-guide, tutorial, tutorial: misc |
Customization Tutorials
If you still have questions, please comment here. Thank you.
| CSS Set-Up Instructions | |
| Go to | Customize |
| Go to | 2. Select a New Theme - type in the search box Flexible Squares - and select Blue Gray or another theme (Screenshot) |
| Go to | Customize your theme (Screenshot) |
| Go to | Custom CSS (Screenshot) |
| Make sure | you disable - Use layout's stylesheet(s) - Use layout's stylesheet(s) when including custom external stylesheet - Use external stylesheets (Screenshot) |
| Now | copy & paste the CSS code into the box (Screenshot) |
| Hit | Save Changes (Screenshot) |
| Profile Layout Set-Up | |
| Go to | Personal Info and scroll down to the BIO section (Screenshot) |
| Now | copy & paste the profile code into the box (Screenshot) |
| Hit | Save Changes (Screenshot) |
| Sidebar Customization | |
| Go to | Customize Your Theme (Screenshot) |
| Go to | Sidebar (Screenshot) |
| Set | to YES - Show the sidebar? - Show the default user picture on the sidebar? - Show the blurb/free text in the sidebar? (Screenshot) |
| Now | decide which boxes you want to appear in your layout. Set them either to YES or NO. (Screenshot) |
| Do not | touch Set sidebar width, in pixels! (Screenshot) |
| Hit | Save Changes (Screenshot) |
| Changing the default Mini User Icons | |
| In the CSS | scroll down to MAINCONTENT. |
| Now | change OR copy & paste the following code |
| Add | the URLs of your images. One for the user and one for the community. |
| Change | the properties of padding to the one of you images. The first one is for width. The last one is for height. |
| The mini icons | are from http://sweetie.sublink.ca/ and have been modified into b/w by me. |
| Changing the Tiny Icons | |
| In the CSS | scroll down to MAINCONTENT. |
| Now | change OR copy & paste the following code |
| Add | the URLs of your images. One for the tags, the location, the mood and the music. |
| Change | the last property of padding. It is the width of you tiny icon. I would suggest to add one/two pixels to it (i.e. 13px = 15px). |
| The tiny icons | are from http://sweetie.sublink.ca/ and have been modified into b/w by me. |
| Changing/Adding a header | |
| In the CSS | scroll down to .headerimage. |
| Now | copy & paste the following code OR change it |
| Add | the URL of your header and the height/width of it. |
| Go | go to #content and change its width to your liking. |
| CSS Set-Up Anleitung | |
| Gehe zu | Customize |
| Gehe zu | 2. Select a New Theme - tippe in die Such-Box Flexible Squares - und wähle Blue Gray oder ein anderes Motiv (Screenshot) |
| Gehe zu | Customize your theme (Screenshot) |
| Gehe zu | Custom CSS (Screenshot) |
| Achte darauf | dass - Use layout's stylesheet(s) - Use layout's stylesheet(s) when including custom external stylesheet - Use external stylesheets deaktiviert sind. (Screenshot) |
| Jetzt | kopiere & einfüge den CSS Code in die Box (Screenshot) |
| Drücke | Save Changes (Screenshot) |