admin
February 6th, 2006, 06:02 PM
How to Modify/Update Your CP Member Pages
----------------------------------------------------------------
All member pages can now be accessed by using the following URLs: http://www.caribplanet.com/community/CP_Username
Ex: http://www.caribplanet.com/community/admin
1. Profile Picture - you can add a profile pic by entering your user control panel then click on "Edit Profile Picture". You can then upload your profile pictures.
2. Avatar - can be added/updated in your user CP by clicking on the "Edit Avatar".
3. Profile Info. - these fields can be updated by clicking on the "Edit Profile" link.
4. Member Guestbooks - all members now have member guestbooks which can be administered by any moderator, admin, or the guestbook owner.
5. Media Center Block - each member can have their own media file that plays on their member page. You can configure this option via the "Edit Profile" area of the User CP. The options available for the media center are: disable, CP LIVE Radio, CP TV (Comming Soon), and Custom Media. Custom is where you can specify the URL to your own audio or video file.
6. Photo Gallery Block - the latest six images that were uploaded in the Photo gallery area will be displayed in this area. If no photos were uploaded, this area would not be shown.
7. My Blogs Block - this is a new area of CP where users can write their own private or public blogs. When a Blog has been written, this area will be automatically updated with information.
8. My Friends Block - this area is automatically updated with friends/buddies when another member adds you as a buddie and you in turn adds them as your buddy. The system then refers the buddie as a "Friend" which reflects on your profile page.
Customizing Your Member Pages
----------------------------------------------------------------
So you want to customize your user profile and don't know where to start?
If so you've come to the right place. We give everybody the ability to change their profile "look and feel" by writing customized CSS CODE. You can change every aspect of the look and feel of your profile but take care as coding it wrong can mess up your entire profile. In the future, we will create a custom interface that will automatically write the code and allow even the most inexperienced users to update their profile page.
The Custom CSS Code can be placed in the "Edit Profile" area of the user CP. ONE VERY important thing needed is a HEX color code chart. Below is an example one that you can use to get some colors but you can find more by searching Google. The chart below should do for now though. To use it place the 6 digit Hex code that is next to the little color block into the code below with a # in front of it e.g. #FFFFFF
http://dfs
CHANGING THE BACKGROUND IMAGE
================================================== ==
I will show you how you can have whatever background you want. It just needs to be a file that is already uploaded to the
web somewhere and you'll be good to go. Tip: Upload your files in the photo gallery area, then you can get the url link to the photo
below the image.
Copy and paste the code below to get a custom background image for your profile. Copy the code into the "Custom CSS" are of your
in your UserCP menu. Remember to replace the http://www.caribplanet.com/gallery/files/15388-Firebd.gif to the URL of the image that you want to use.
body
{
color: #FFFFFF;
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
background-image: url('http://www.caribplanet.com/gallery/files/15388-Firebd.gif');
background-attachment: fixed;
margin: 0px 0px 0px 0px;
padding: 0px;
}
CHANGING THE BACKGROUND COLOR
================================================== ==
Don't have an image to use?? Then just change the background color. ex. background-image: #000000; Change this to the hex color code that you want as the background.
body
{
color: #FFFFFF;
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
background-image: #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
}
CHANGING THE TABLE BACKGROUND COLOR
================================================== ==
See the black surrounding all the tables in your profile?? Well this next piece of code will change the color of these
borders to a HEX color code of your choice. Change the background-color: from #FFFFFF (white) to any HEX color of your choosing.
.tborder
{
background-color: #FFFFFF;
color: #FFFFFF;
font-size: 10px;
}
more to come .....
----------------------------------------------------------------
All member pages can now be accessed by using the following URLs: http://www.caribplanet.com/community/CP_Username
Ex: http://www.caribplanet.com/community/admin
1. Profile Picture - you can add a profile pic by entering your user control panel then click on "Edit Profile Picture". You can then upload your profile pictures.
2. Avatar - can be added/updated in your user CP by clicking on the "Edit Avatar".
3. Profile Info. - these fields can be updated by clicking on the "Edit Profile" link.
4. Member Guestbooks - all members now have member guestbooks which can be administered by any moderator, admin, or the guestbook owner.
5. Media Center Block - each member can have their own media file that plays on their member page. You can configure this option via the "Edit Profile" area of the User CP. The options available for the media center are: disable, CP LIVE Radio, CP TV (Comming Soon), and Custom Media. Custom is where you can specify the URL to your own audio or video file.
6. Photo Gallery Block - the latest six images that were uploaded in the Photo gallery area will be displayed in this area. If no photos were uploaded, this area would not be shown.
7. My Blogs Block - this is a new area of CP where users can write their own private or public blogs. When a Blog has been written, this area will be automatically updated with information.
8. My Friends Block - this area is automatically updated with friends/buddies when another member adds you as a buddie and you in turn adds them as your buddy. The system then refers the buddie as a "Friend" which reflects on your profile page.
Customizing Your Member Pages
----------------------------------------------------------------
So you want to customize your user profile and don't know where to start?
If so you've come to the right place. We give everybody the ability to change their profile "look and feel" by writing customized CSS CODE. You can change every aspect of the look and feel of your profile but take care as coding it wrong can mess up your entire profile. In the future, we will create a custom interface that will automatically write the code and allow even the most inexperienced users to update their profile page.
The Custom CSS Code can be placed in the "Edit Profile" area of the user CP. ONE VERY important thing needed is a HEX color code chart. Below is an example one that you can use to get some colors but you can find more by searching Google. The chart below should do for now though. To use it place the 6 digit Hex code that is next to the little color block into the code below with a # in front of it e.g. #FFFFFF
http://dfs
CHANGING THE BACKGROUND IMAGE
================================================== ==
I will show you how you can have whatever background you want. It just needs to be a file that is already uploaded to the
web somewhere and you'll be good to go. Tip: Upload your files in the photo gallery area, then you can get the url link to the photo
below the image.
Copy and paste the code below to get a custom background image for your profile. Copy the code into the "Custom CSS" are of your
in your UserCP menu. Remember to replace the http://www.caribplanet.com/gallery/files/15388-Firebd.gif to the URL of the image that you want to use.
body
{
color: #FFFFFF;
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
background-image: url('http://www.caribplanet.com/gallery/files/15388-Firebd.gif');
background-attachment: fixed;
margin: 0px 0px 0px 0px;
padding: 0px;
}
CHANGING THE BACKGROUND COLOR
================================================== ==
Don't have an image to use?? Then just change the background color. ex. background-image: #000000; Change this to the hex color code that you want as the background.
body
{
color: #FFFFFF;
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
background-image: #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
}
CHANGING THE TABLE BACKGROUND COLOR
================================================== ==
See the black surrounding all the tables in your profile?? Well this next piece of code will change the color of these
borders to a HEX color code of your choice. Change the background-color: from #FFFFFF (white) to any HEX color of your choosing.
.tborder
{
background-color: #FFFFFF;
color: #FFFFFF;
font-size: 10px;
}
more to come .....