Cozysplace the Information Place for Subeta | Your one stop for all the information needed to make your travels worth while!

Basic v2 UserProfile Codes

Welcome to the Graphics Corner.

Soon I will be adding lots of Goodies for your enjoyment.

Here is what you find on this Page

Column Colors	Headers
Column Positioning
Column Transparency

How to?

Profile	Journals
Scrollbars	Subeta Tag

Adding your Friends HA to your profile

...

Adding other User's HA to Your Profile

Easy Steps in adding your Friends HA to your profile.

1.	Go to User Preference
2.	Click Account Options
3.	In the Profile Text Box Copy and Paste this Code [avatar=UsernameoffriendGoesHere] Change name to the User that you want to show up, and thats it your finished...

Take me to the Top

Profiles

Below you will find quick and easy ways
to make your profile stand out.
The best thing is that you do not need to be an expert on
coding or html'ing.

How to go about changing your User Profile.

First you need to make sure that your working with the v2 Profile.

1. Go to Preference.
2. Account Options.
3. There go to Profile options (Profile Type) and click New Style.
4. Submit Profile

Now your ready to begin ...

1.    Go to your profile and click 'Edit Your Profile'
2.    Click Toolbox to 'Add Content'
3.    Now click on 'Blank Section'
(This section is where the coding goes so it a must)
4.    Now arrange all your boxes to where you want them to be at. You can drag and drop each of the sections until you get them where you want them if by any chance you want to delete a section click the red 'x'.
5.    Important, once you have the sections where you want them click 'Update Order'
6.    In the Blank Section click the little pencil & paper icon, then copy & paste the profile coding into the 'Blank Section Box' make sure to add your personal information and a title in the area provided.
7.    Click 'update' and your done.

Note: Each Box can be edited to have what you would like to say on it. In other words personalize it even more. But you must do this before you edit your Profile cause it can be a pain doing it after.

Take me to the Top

Subeta Tags for Profiles

Breakdown of Subeta Tag for your Profiles

div#banner		The ad banner above the legal section at the bottom.
div#date		The text area for the "Number of User Online" and the "Date" text.
div#header		Banner Area at the very top (header) it separates an image to the body background image.
div#left		The Navigation area
div.leftpanel		Controls the Navigation text on the left sidebar.
div.leftpanel h1		The Title Text above each set of links (e.g. Main, Interact, Communicate, Personal etc)
div.leftpanelseparator		Image used to separate the Navigation links on the left hand sidebar.
div#legal		Copyright information and the Rules and Regulations of the Site.
div#loginstatus		Area that has all the information for each User. ex: Logged in as "Username" You have" __sP" (Vault) "Pets name" is active.
div#loginstatus div		To position the text for loginstatus
div#right		Content area around the site, not used for profiles.
div#time		Time text
input,textarea,select		This control the Comment Box area.
#main		Controls the overall text of the .profile_main.
.profile_main		The tag used to control the width and positioning from the top of the Main Area of your profile. Such as Basic Information, Medals and Friends are located.
.sp-header		Title for each of the Content Boxes related to the .sp-table tag
.sp-sub		Also relates to the .sp-table tag
.sp-table		The Content Boxes for each of the sections in your Profile.

Take me to the Top

Journals

Below you will find quick and easy ways
to make your Journals stand out.
The best thing is that you do not need to be an expert on
coding or html'ing.

How to go about changing your Journal Layout in as easy as 1, 2, 3.

1. Go to Journals (side bar).
2. Then click on Update the Layout of your journal in the Options box that is located on the bottom of page.
3. There you will find 3 three boxes.

Box 1 = Entire Page
Box 2 = Posts
Box 3 = Comments
Below You will have instructions on each box.
Follow them and you should not have any problem.

Note: Each Box has it's own Variables.

In Box #2 goes the most important thing... The actual code that contains what you Journal will look like...Meaning color, font and style, etc, etc, etc...

Last but not least ...

Note: Each Box can be edited to have what you would like on it. In other words personalize it even more.

Take me to the Top

Scrollbars

Here is your basic code for Scrollbars.

Copy/Paste this code in the Preference Section in the Profile Text Area. You can change the Colors to match your profiles.
Make sure you keep the html, body tag together as just having the body tag will not work!

Take me to The Top

Headers

CHANGE COLOR OF HEADERS
Color Chart Below

All Headers: <STYLE TYPE="text/css"> .header{background-color:#??????;} </STYLE>

TRANSPARENT HEADERS
All Headers: <STYLE TYPE="text/css"> .header{background-color:transparent;} </STYLE>

Take me to the Top

Columns (Color, Width and Positioning)

CHANGE THE COLOR OF COLUMN (S)
Color Chart Below
All Columns:
<STYLE TYPE="text/css"> .column{background-color:#FFFFFF;} </STYLE>
Column 1 Only:
<STYLE TYPE="text/css"> #column1 li{background-color:#FFFFFF;} </STYLE>
Column 2 Only:
<STYLE TYPE="text/css"> #column2 li{background-color:#FFFFFF;} </STYLE>
Column 3 Only:
<STYLE TYPE="text/css"> #column3 li{background-color:#FFFFFF;} </STYLE>

All these column colors are set to "white"

CHANGE THE COLUMN WIDTH
These Columns are preset to "250" you may change "width" value to suit your preference in your Profile. Note: Width may vary according to what you have in columns.

ex: If Youtube is in the column, column width should be greater than "235" so that the screen is not cut off.
All Columns:
<STYLE TYPE="text/css"> .column{width:250;} </STYLE>
Column 1 Only:
<STYLE TYPE="text/css"> #column1 li{width:250;} </STYLE>
Column 2 Only:
<STYLE TYPE="text/css"> #column2 li{width:250;} </STYLE>
Column 3 Only:
<STYLE TYPE="text/css"> #column3 li{width:250;} </STYLE>

POSITION COLUMNS
Adjust "top" and "left" to your preference for your Profile
These are all preset for no image on top, and columns are spread evenly on page.
All Columns: <STYLE TYPE="text/css"> .column{position:absolute; top:100px; left:100px;} </STYLE>
Column 1 Only: <STYLE TYPE="text/css"> #column1 li{position:absolute; top:100px; left:100px;} </STYLE>
Column 2 Only: <STYLE TYPE="text/css"> #column2 li{position:absolute; top:100px; left:100px;} </STYLE>
Column 3 Only: <STYLE TYPE="text/css"> #column3 li{position:absolute; top:100px; left:100px;} </STYLE>

TOP - Adjusting the position is tricky. It all depends if you have an image on the top for the top position. (size of image)

LEFT - Preset for the entire screen. (evenly)

SEMI-TRANSPARENT COLUMNS/TABLES
All Columns:
<STYLE TYPE="text/css"> .column{filter:alpha(Opacity=40);} </STYLE>
Column 1 Only:
<STYLE TYPE="text/css"> #column1 li{filter:alpha(Opacity=40);} </STYLE>
Column 2 Only:
<STYLE TYPE="text/css"> #column2 li{filter:alpha(Opacity=40);} </STYLE>
Column 3 Only:
<STYLE TYPE="text/css"> #column3 li{filter:alpha(Opacity=40);} </STYLE>

TRANSPARENT COLUMNS/TABLES
All Columns:
<STYLE TYPE="text/css"> .column{background-color:transparent;} </STYLE>
Column 1 Only:
<STYLE TYPE="text/css"> #column1 li{background-color:transparent;} </STYLE>
Column 2 Only:
<STYLE TYPE="text/css"> #column2 li{background-color:transparent;} </STYLE>
Column 3 Only:
<STYLE TYPE="text/css"> #column3 li{background-color:transparent;} </STYLE>

Take me to the Top