| This tutorial will explain how to customize your | | | | } |
| friendster by adding music, background, etc 1. Adding | | | | A:link IMG { |
| Multimedia Files (mp3, wma, flash, etc) at "Now | | | | FILTER: none |
| Playing" section :a. First, make sure the files that you | | | | }d. Change your cursor style: |
| want to use, already uploaded at web hosting, such | | | | Find or add this codes: |
| as geocities.com, freespaces.com, etcb. | | | | A:link{cursor:pointer} |
| Input the codes below at "Add music and video and | | | | A{CURSOR: pointer} |
| more images to your profile" section (you can find it | | | | A:visited {CURSOR: pointer} |
| at "Customize My Profile Friendster"): | | | | A:active {CURSOR: pointer} |
| For non-flash files: Notes: change url_music_files with | | | | A:hover {CURSOR: pointer} |
| the url location of your uploaded music filesFor flash | | | | Pointer value can be change with wait, crosshair, |
| file: | | | | hand, help, auto, default, move, text, wait or *-resize |
| Notes: change url_flash_files with the url location of | | | | (* can change with N, NE, NW, S, SE, SW, E, or W). |
| your uploaded flash files, and change | | | | Also you can use your own cursor (with extension |
| your_choosen_id with any id you want to name itFor | | | | .cur or .ani) only by adding this codes:cursor : |
| adding music files in your friendster, you can also use | | | | url("url_of_your_cursor") |
| a simple music player by using these steps below: | | | | Change url_of_your_cursor with exact url location of |
| Notes: change url_music_files with the url location of | | | | your mouse cursor that you've already uploaded. |
| your uploaded music filesWith these simple music | | | | But remember, some cursor can only be seen when |
| player, you can make a list of music as much as you | | | | using Internet Explorer browsere. |
| like. You can see the example of the player at | | | | Changes your scrollbar color:scrollbar-arrow-color: |
| 2. Changes your frienster layout at "Advanced users: | | | | #D0AA3C;scrollbar-base-color: |
| Personalize your profile with CSS" section:a. Make | | | | #D0AA3C;scrollbar-dark-shadow-color: |
| sure that all of your images that you want to use | | | | #D0AA3C;scrollbar-track-color: |
| has been uploaded at web hosting, such as | | | | #8C0000;scrollbar-face-color: |
| imageshack.us, geocities.com, freespaces.com, etcb. | | | | #E7D564;scrollbar-shadow-color: |
| Adding background image:body | | | | #D0AA3C;scrollbar-highlight-color: |
| {background-color:#000000;background-image:url( | | | | #D0AA3C;scrollbar-3d-light-color: #D0AA3C; |
| } | | | | Place the above codes at body{} sectionChange the |
| Notes: Change url_of_your_images with the exact url | | | | color as you like.f. Also, you can customize your |
| location of the images that you've already uploadedc. | | | | friendster with friendster layout generator at |
| Make you image blur when your mouse cursor hover | | | | 3. Show Your Online Status Indicator |
| it (only effect when using Internet Explorer browser): | | | | You can add your online status indicator for AIM, |
| A:hover IMG { | | | | ICQ, IRC, Jabber, MSN and Yahoo, by using online |
| FILTER: Blur(Add = 0, Direction = 225, Strength = | | | | status indicator generator at |
| 10); | | | | Copy the codes you got and paste it at "About Me" |
| Alpha: 100, FinishOpacity=0, Style=2, StartX=20, | | | | section |
| StartY=40, FinishX=0, FinishY=0) | | | | 4. |