Over 9,131,499 people are on fubar. What are you waiting for?

Stevens's blog: "How To's"

created on 12/20/2008  |  http://fubar.com/how-to-s/b266817  |  94 followers
(How To) Getting Started

Introduction :

This blog will be more of a continuation of the two blogs ((How To) For New Members & Official Welcome Blog) that are set for New Members, but will include it in a Step-By-Step program. Each person who becomes a member will (in the beginning) see what they did when they joined and this blog will also show what they must do after they have passed the initial Join Process.

Please Note: The browser I used was the current version of Comodo IceDragon {Version 19.0.1}



Beginning Process

Open Your Desired Browser

open_browser

Direct Your Browser To Fubar.com & Locate The New To Fubar Area

fubar_website1

In The Input Boxes Put The Email You Want To Use & Type In A Strong Password
(Make Sure Your Password Includes Different Characters, Numbers & Symbols).
Please Note: For Some They Followed A Link That Was In Their Email or
Was On A Different Social Networking Website (ie. Facebook, Twitter, etc...)
Even With This You Will Still Be Following The Next Few Steps Below

Once You Have Entered The Necessary Information & Checked The Box
Saying You Are 18 Years Old The Page Will Reload To A Bouncer Check Page

bouncer_check

Once You Have Entered The Bouncer Check Information The Page Will Load Your New Homepage
The Page Will Also Load A Popup Window Asking For Some Necessary Information

username_primary-upload

Once You Have Choosen A Suitable Username & A Primary Photo, The Window Will Reload
Asking Whether You Want To Meet People, Invite People or Create A New Status Message.
(You Can Choose To Skip This Window & Move On To The Next Step)

meet_invite_update

Once You Have Done What The Window Says The Window Will Go Away
Your Home Will Now Be More Visible.

homepage_view

You Can Also Join Fubar Via A Facebook Login, But It Is Recommended You Join Via An Email Address.
You Can Still Link Your Facebook Account
(To Link Your Facebook Or Twitter Accounts Please Read: (How To) Link Facebook & (How To) Link Twitter)
It Is Best To Link Your Facebook / Twitter Once You Have Setup Your Profile.

On Your Homepage There Will Be A Yellow Button That Will Say
Finish Your Profile! (As Shown In The Image Above) Click This Button To Begin The Next Process

Once You Have Clicked The Button The Page Will Reload Asking You To Enter Your Zip Code
Then Choose Your Gender (Which Is Optional).

profile_wizard

After You Have Completed The Above Step Your Homepage Will Return.

Now You Are Ready For The Next Step Verifying Your Email


Verifying Your Email

While On Your Homepage Look For The Main Menu
Then Click On My, When The Box Pops Up Then Click Settings

my_menu

When The Page Reloads You Will Be Inside Your Settings. Locate Your "Email Address".
There Should Be A Red Link Below It Telling You To Click Here To Verify Your Email
You Will Need To Click It

profile_settings

Once You Have Clicked On The Link The Page Will Reload
To A Page That States To Check Your Mailbox For A Verification Email.
After A Few Seconds You'll Be Redirected Back To Your Homepage.

verification_page

Now You Will Need To Go To The Email Provider You Used To SignUp With.
(I Have Used Hotmail In This Example)

email_provider

Once You Have Logged Into Your Email Provider You will Need To Go To Your Emails Inbox
Then Look For Messages With The Title Fubar News
(Make Sure To Add emails@fubar.com To Your Trusted Emails Or Some Messages May Get Sent To Your Spam/Junk File)

email_inbox

Once You Have Located The Message From Fubar Click It There Should Be
A Link With A Token On It. You Will Need To Click It

fubar_email

Once You Have Clicked The Link You May Be Presented With A Bouncer Page
All You'll Need To Do Is Enter The Required Information & Click Submit

After You Have Entered The Bouncer Information The Page Will Reload To A Confirmation Page

email_verified

Now After 10(ten) Days From The Time You Signed Up Your Username On Fubar
Will Become A Bolded Gray Color Ending This Step.
Now You Can Move On To The Next Step Setting Up Your Profile


Setting Up Your Profile

From Your Homepage Locate The Main Menu
Then Click My Then Settings

my_menu

Once Your Inside Your Settings YOu Will Begin On The Account Tab
(Change Your Profile Settings To The Way You Want It To, I Cannot Really Tell You What To SetUp & What Not To Setup)
Make Sure That If You Do Change Anything You Go To The Bottom Right Corner
Of The Page & Click The Save Button (You May Be Presented With A Bouncer For Each Save).

profile_setting

Once You Have Completed That Section You Can Move On To The Prvacy & Sharing Tab
Changing Whatever Setting You Like To Your Advantage.

priv_share_setting

Once You Have Completed That Section Now The Other Sections Are Optional
(Whether You Want To Give A Brief Description Of Yourself & What You Like Or Dislike)

About Me & Interest Tab
about_interest_setting

Music & Games Tab
music_games_setting

Movies & Idols Tab
movies_idols_setting

After You Have Changed Your Settings You Can Now Move Onto Choosing A Profile Skin


Choosing A Profile Skin

Any member can choose to make their own Profile Skin or they can choose to either browse another members skin or get someone to code a skin for them.

To Choose A Skin From Another Members Profile You Can Either Go To The Pertaining Members Profile
(The Browse Members Skins Link Will Be On The Bottom Of That Members Profile Page)

Members Profile
members_profile

Members Skin Page
members_skins

Or

You Can Choose A Skin From The Browse Skins Page

browse_skins_page

Once You Have Choosen The Skin You Wish To Have Your Profile Wear
Locate The Rip Skin Link & Click It. Now That Skin Will Be On Your Skins Page.

my_skins_page

Now All You Will Need To Do Is Activate The Skin So
Others Can See What You Just Added To Your Profile Page.
Once You Have Done This You Are Now Ready To Begin Uploading Images


Uploading Images

From Your Homepage Locate The Main Menu
Then Click My Then Photos

my_menu2

The Page Will Reload To Reveal Your Albums Page

my_photo_album

Locate The Button That Says Add Photos & Click It.

When You Click The Add Photos Button The Page Will Reload To The Upload Page

upload_page

While On The Upload Page Click The Add Image Button.
This Will Open Your Photo Folder On Your Computer.

photo_folder

Go To The Folder Where The Image You Wish To Upload Is Located.
Click On The Image Then Click On The Open Button On The Bottom Of The Window.
Your Selected Image Will Appear On The Upload Page

selected_image

Now You Can Select Which Album You Wish To Put The Folder In

album_select

Once You Select The Album Click On The Green Upload Button And The Following Will Occur

Uploading Image
uploading_image

Upload Complete
upload_complete

If The MultiLoader Tool Doesn't Work For You Then You Can Always Use The Single Loader

single_loader

To Upload With The Single Loader Works Much Like The MultiLoader Does, But It Will Only Upload 1 Image At Any Time
When You Have Finished Uploading Your Images They Will Be In The Album You Selected Them To Be Placed In

Submitting A Salute

A salute is nothing more than a candid image of yourself holding up a handwritten sign or a piece of paper that has your username, user profile number and the word Fubar on the sign. All salute submissions are reviewed by Fubar Bouncers & each image is checked thoroughly before it is either accepted or rejected.

I have posted some images of Acceptable Salutes as well as some that were Rejected because the submission did not follow the salute guidelines. To find out more about adding a salute to your profile check out the blog titled (How To) Submit Salutes.

Examples Of Salutes (That Are Submitted)

Examples Of Acceptable Salute Submissions

Examples Of Rejectable Salute Submissions


Leveling & Points

Leveling:

Everyone who joins Fubar begins as a Level 0 (Freshmeat) & can aquire more levels by gaining Points (which will be discussed briefly below). While Fubar is a free website there is many more benefits (ie. Happy Hours, Blasts, VIP Program etc..) to being a member of the Fubar Community. Each time you gain another level it becomes more challenging (especially when a member begins on Level 20 (Rock Star), but once a member reaches a certain level (usually level 30) that member is required to have at least one salute on their profile).

Points:

Points can be attained by doing various different things on Fubar (ie. Rating, Commenting etc..). With each action it may have a point behind it and each point will help a member acquire the next level on their profile. Along with points a member will also get an item known as FuBucks which will help them buy certain items around the site as well as buy items in the Fubar Gift Shop. There will be at times Fubar Promotions that will give the member an ability to gain more points to help them level faster, but as mentioned above with each level it gets more and more challenging.

I am not going to go to much with this section because there is alot to talk about, but if you'd like to know more about gaining points and fubucks check out my blog titled (How To) Gain Points & FuBucks.


Checking Into Lounges

One of the best things to do on Fubar is check into a lounge where there will be many different people that you can interact with. Being in a lounge is more or less like being in a small community, whereas most of the staff in a lounge act as a family helping each other to level & acquire more points or FuBucks. There is differences in lounges (being different coding styles, as well as different rules and different atmospheres). It is up to you to decide which lounge you want to be apart of or if you so want at Level 10 (Friend Of Fubar) or when you can acquire $100,000 FuBucks you can create your own lounge and run it the way you want to run it. If you choose this option there is a list of Voluntary Coders that will help you make your lake look the way you want it to look like, but they may be in lounges of their own so they can't really teach you the ways on how to run a lounge.

It is recommended that any new member work in a lounge before you create one
this way you can learn how to run any lounge (yours or someone elses) without any help
from anyone and just go into the lounge buisness blindly.
To check out the Hottest Lounges follow what is posted below..

From Your Homepage Locate The Main Menu
Then Click Hottest Then Lounges

hottest_menu

When The Page Loads A List Of Fubars Hottest Lounges Will Appear

hottest_lounges

From this page you can choose which lounge you want to subscribe to and become a part of their family

(Due To Limitations of this blog I cannot show you how to create your very own lounge)


Checking Out Fumafia

fuMafia is one of Fubars most famous Massively Multiplayer Online Role Playing Game that lets members shoot, prod and kill others in a game style setting. Each member is allowed up to 3 players (more can be purchased). With each player a member can Do Mission, Join A Turf(like a lounge), Attack A Member and Hitlist any member they choose. To better find out what fuMafia is all about the best place to begin is to check out the fuMafia Guide or you can ask a question in the Mafia Forums and the other thing you can do is ask a Mafia Bouncer (Mafia Bouncers will have Mafia in their username). To either get started playing fuMafia or to get into fuMafia follow what is below.

From Your Homepage Locate The Main Menu
Then Click Games Then fuMafia

games_menu

If You Have Not Created A Mafia Player Yet Read The Blog Titled (How To) Setup fuMafia

If You Have Created A Mafia Player The Page Will Load To Your Mafia Homepage

fuMafia_homepage

From This Page You Can Do What You Usually Do While Your Playing fuMafia.

(Due To Limitations of this blog I cannot show you to much about the mafia world)


If you have any further questions about this or any topics based on Getting Started
Please feel free to leave a comment on this blog or private message a Fubar Bouncer and they will try to help you the best they can.
For faster results you can also visit the Support Lounge and the staff/members will help you to the best of their abilities..



© This blog is subject to change at any given time

© This blog does have a copyright notice and cannot be copied unless given permission by its owner

If anyone feels that something needs to be changed or something needs to be added
please either leave a comment in this blog or send a private message to Stevens.




Copyright© Getting Started™ ~ All Rights Reserved
Blog Designed/Moderated by: §tevens
Original Blog Owners: Stevens / Welcome To Fubar - (Profile)

Managing Lounge Staff Moderations is an easy task. All that is required is that you know how to use the Lounges Tooltip (as shown in Figure 1-1).

[Figure 1-1: Lounge Tooltip(Owner/Staff)]
Buzz:
 100%
sh*t faced!
Level:  Friend of fubar (10)
Rating:  10.93 (150)
Fans:  15
Gender:  ?, ?
Location:  ?
Status: Need help coding or have a question? http://www.fubar.com/lounge/76681
fubar Support Coding Help Lounge
visit profilegive a giftbling them!send private messageleave a commentblock memberopen chat box
lounge owner options (Figure 1-A)

lounge owner options (Figure 1-B)

lounge staff options (Figure 1-C)

As you can see in [Figure 1-1(which is shown for Lounge Owners / Capable Staff)] each Tooltip has a different function. When a non-member (Visitor) comes into the lounge [Figure 1-A] takes function giving the Owner the ability to Silence, Eject or Ban. When said member Subscribes then the Owners Tooltip changes to look like [Figure 1-B] giving the Owner two more functions (Give Moderator Status or Unsubscribe).

To give a member Moderator Status the Owner / Capable Staff Member needs to hover over that members Main Image (Primary) and the Tooltip(Shown in [Figure 1-1]) will appear. That Staff Member will need to scroll till they see Lounge Owner Options, then they'll need to click that (if the member has the capabilities it will reveal [Figure 1-B] if they don't only [Figure 1-C] will be viewable. After that menu reveals itself the Staff Member needs to just click Give Moderator Status (Side Note: This does not give the member Staff Abilities). After that Staff Member has clicked the Give Moderator Status they will need to go into their Edit Lounge (link is http://fubar.com/edit_new_lounge.php?lid=(Enter 5 Digit Lounge Number Here). (The Edit Lounge Page is shown in [Figure 1-2]).

[Figure 1-2: Edit Lounge Page]
General
Skin
MOTD
Music
Video / Custom 1
Custom 2
Custom 3
Promote
Modify general lounge settings
lounge name:
lounge keywords
(enter up to 10 keywords for your lounge, separated by commas, to show up in more lounge searches)
privacy setting - NEW!
posting type:
display feed/chat boxprofanity filter
 
lounge icon:
(click on icon to change it)

(click to delete icon)
Please upload your new lounge icon

 

When their Edit Lounge Page loads they will need to locate the Manage Lounge Staff link http://fubar.com/edit_new_lounge.php?lid=(Enter 5 Digit Lounge Number Here)&manage=1 and click it. When that page loads it will show who all is currently a Staff Member for that particular lounge (As shown in [Figure 1-3]).

[Figure 1-3: Manage Lounge Staff Page]
Security permissions:
  • silence - The ability to mute patrons and delete lines of chat text
  • eject - eject a patron from the lounge
  • ban - unban/ban a patron from the lounge
Skin/DJ/Design permissions:
  • skin - edit your lounge skin
  • motd - edit your lounge MOTD
  • music - change your lounge music
  • custom - change your three custom content fields
Co-owner functionality:
  • staff - user can hire/fire mods, change staff permissions! Also able to silence/eject/ban other mods
  • settings - permission to change lounge name, emotes, tags, privacy, posting type, icon, profanity filter, etc.
 
nametitlesilenceejectbanskinmotdmusiccustomstaffsettings
Stevensfire

All that has to be done now is giving the appropriate Function to the newly acquired Staff Member. Remember to think long and hard on what you want that Staff Member to possess (make sure to read what [Figure 1-4 lists on what Different Functions do to that particular Staff Member. When you have decided what Functions your going to give click the the area that looks like and change it to . Change each one to what you wish to give to that particular Staff Member.

[Figure 1-4: Staff Functions]

SILENCE - Blocks visitor or members ability to chat

EJECT - Ejects or Kicks a visitor or member out of that lounge

BAN - Bans that visitor or member from that lounge


SKIN - **For Coders** The Skin Controls "How things work or locations or how things are viewed" inyour lounge

MOTD - ** For Coders** Is the MAIN page you see in the lounge sometimes containing, Banner, Links, Cams, Music, etc

MUSIC - **For Coders** You may enter the code for your broadcaster or music player, or project playlist for example.

CUSTOMS - **For Coders** This gives access to coding sections Custom 1, 2 & Custom 3


STAFF - This gives permission to allow staff to be hired, fired, silenced, ejected, banned or to unsubscribe a member.

SETTINGS - This gives access to allow Edit/View Lounge Name, Lounge Keywords, Privacy Settings, Posting Type, or ability to have a Feed/Chat Box, or Enable or Disable Profanity Filter, or Change Lounge Icon viewed in the list of Fubar Lounges

After you have setup the Functions click the Update Staff Permissions button. When the page reloads depending on what functions you gave that new Staff Member they will have one of the Functions displayed in [Figure 1-1] (Preferably [Figure 1-B] or [Figure 1-C] will be given.


If you have any further questions about this or any other lounge topics
Please feel free to leave a comment on this blog or private message either a Volunteer Coder and they will try to help you the best they can.
For faster results you can also visit the Support Lounge and the staff/members will help you to the best of their abilities..



© This blog is subject to change at any given time

© This blog does have a copyright notice and cannot be copied unless given permission by its owner




Copyright© Lounge Moderation™ ~ All Rights Reserved
Blog Designed/Moderated by: §tevens

Every lounge has Emoticons commonly referred to as Emotes. Emotes are used to make a comment to or about someone within a chat style setting. All that is required to use Fubars emotes is that you know how to use the Lounges Tooltip (as shown in Figure 1-1).

[Figure 1-1: Lounge Tooltip(Emotes Open)]
Buzz:
 100%
sh*t faced!
Level:  Friend of fubar (10)
Rating:  10.93 (150)
Fans:  15
Gender:  ?, ?
Location:  ?
Status: Need help coding or have a question? http://www.fubar.com/lounge/76681
fubar Support Coding Help Lounge
visit profilegive a giftbling them!send private messageleave a commentblock memberopen chat box
click on desired emote:
hug, whistle, laugh, tickle, flirt, wrestle, yawn, nod, barf, kiss, slap, high-five, lick, punch, bite

As you can see in [Figure 1-1] each member whether Staff, Member or Visitor has an emote button (as shown here: ⇒⇐).

Only the Lounge Owner or Capable Staff can Create, Customize or Delete emoticons within the lounges Settings. In order to do any of the above criteria the Capable Staff Member will need to click the Edit Lounge link located within the Lounge Options table or click any image linked to their Edit Lounge Page (As shown in Figure 1-2).

[Figure 1-2: Edit Lounge Page]
General
Skin
MOTD
Music
Video / Custom 1
Custom 2
Custom 3
Promote
Modify general lounge settings
lounge name:
lounge keywords
(enter up to 10 keywords for your lounge, separated by commas, to show up in more lounge searches)
privacy setting - NEW!
posting type:
display feed/chat boxprofanity filter
 
lounge icon:
(click on icon to change it)

(click to delete icon)
Please upload your new lounge icon

 

When their Edit Lounge Page loads they will need to locate the Lounge Emotes link http://fubar.com/edit_new_lounge.php?lid=(Enter 5 Digit Lounge Number Here)&emotes=1 and click it. When that page loads it will show the Custom Emotes already implemented for that lounge and "How to Create Some Basic Emotes" (As shown in [Figure 1-3]).

[Figure 1-3: Edit Lounge Emoticons Page]
Custom Emotes:
Customize your lounge even more with your own emotes!
Emotes are actions users can perform on eachother in lounges such as 'hug', 'high-five', etc...
  • name - name of your emote
  • format - the actual output of your emote. (%to% gets substituted for the other person's name)
Once you create a custom emote, you have the choice to "Copy Default Emotes"
or you may choose to have only the emotes which you have created.
Example emote setup:
  • name - format
  • barf - barfs on %to%'s shoes
This will produce the following emote:
=== Stevens barfs on fubar office's shoes


name
format

    



 namepreview
deleteExample=== Stevens Leaves Clues All Over fubar office's House

When creating new Emotes always remember the [%to%] represents who your emoting (As Shown in Figure 1-3). When you decide to use your emotes they will be located within your lounges tooltip (Shown In Figure 1-1) and when used will show up in your lounges Chatbox (As Shown In Figure 1-4).

[Figure 1-4: ChatBox Example]
ChatBox Image

Please Note: Any lounge can only create up to 15 Custom Emoticons within the lounges Emotes Page (so choose wisely). Only one Emote can be created at any given time.

After you have setup the Emoticons you want to use within your lounge click the go to your lounge link. When the page reloads go ahead and test your new Emoticons either on someone else within the lounge or you can try them on yourself.


If you have any further questions about this or any other lounge topics
Please feel free to leave a comment on this blog or private message either a Volunteer Coder and they will try to help you the best they can.
For faster results you can also visit the Support Lounge and the staff/members will help you to the best of their abilities..



© This blog is subject to change at any given time

© This blog does have a copyright notice and cannot be copied unless given permission by its owner




Copyright© Lounge Emoticons™ ~ All Rights Reserved
Blog Designed/Moderated by: §tevens
(How To) Coding 101

It has been requested that a simple blog be made on Coding and the ways it can be implemented on Fubar.com. Those that don't know what Coding is or stands for this blog will give its outline and show some examples (possibly live) on different areas of Fubar.com. Coding mainly stands for Hyper Text Markup Language (or HTML for short) and can also stand for Cascading Style Sheet (or CSS for short). Each of these elements work to keep a page stable among every browser that has either been or will ever be.

There is other forms of coding but HTML and CSS are the only allowed forms on Fubar.com so this blog will only focus on these two forms. Also don't forget there is four different browser engines that have there own implementations of the code that is published (these engines being Gecko, Trident, Webkit/KHTML, Text and Presto).

This blog will be in concordance with my blogs listed below:

  - (How To) Create Bulletins
  - (How To) Create Profile Skins
  - (How To) Lounge Functions
  - (How To) Lounge Template 1
  - (How To) Specifyng Colors Within A Webpage



Coding With HTML Webpages

Hyper Text Markup Language (or HTML for short) is mostly used to build a foundation for a website (ex. Fubar.com uses HTML to build a structure for the webpage this blog is listed on). There are different forms of HTML to which some are in the process of being published or has been published on a website named W3.org. There is also different styles HTML can be formed (many of which have just been introduced with HTML 5.0) that either replace or totally take over its older counterpart.

There are many different websites that offers tutorials into HTML and how its implemented and some of these tutorials will also give live animation so you can do it yourself as you make your own HTML content.

HTML Examples

Some examples of what HTML will look like will be listed below with a link to a website that will allow you to test how HTML is implemented.

This is an example of a table with a style used

Here is the same example above in its coded form

<div style="border: 2px solid rgb(248,248,255);">
 <table align="center" style="padding: 5px; background-color: gray;">
  <tr>
   <td style="background-color: rgb(248,248,255); border: 1px solid rgb(0,0,0);color: rgb(0,0,0);">This is an example of a table with a style</td>
  </tr>
 </table>
</div>


This Text Is Being Used By A Style

<p style="color: rgb(0,255,0); font-size: 16pt; text-decoration: underline blink; font-family: Gabriola;">This Text Is Being Used By A Style</p>


If you would like to do some test with the above content (adding your own html styles) make sure to check out HTML Dog(The HTML Portion).
Also you can use this HTML Editor to do any editing of any HTML or CSS based programming in real time.


Coding With CSS Styles

Cascading Style Sheet (or CSS for short) is what is known as the puddy that holds a structure in its place (like a brick office or nails on the walls). Basically CSS is implemented into HTML as a style (ex. <p class="example_class" style="font-size: 8pt; font-weight: bold;">) and is generated to be used with an associated class (as shown in the examples below).

CSS Examples

My Live Feed
· Username Here ... Entire Thing Is Being Held By CSS


If you would like to do some test with the above content (adding your own css class & styles) make sure to check out HTML Dog(The CSS Portion).
Also you can use this HTML Editor to do any editing of any HTML or CSS based programming in real time.

<div id='middle_header_panel' class="topheader_box_wrapper" style="display:block">
 <div class='outer_wrapper clearfix'>
  <div style="width: 350px;" id="headerbar_feed" class="fubar_module headerbar_module feed">
   <div class="header with_graphic">
    <div class="wrap clearfix">
     <div class="title">My Live Feed</div>
     <div class="options" style="position: relative; top: -5px; right: -7px;">
      <a href="/bartab_filter.php?type=mini" style="color: rgb(248,248,255);">Edit</a>
      <a href="/myalerts.php" style="color: rgb(248,248,255);">See All</a>
     </div>
    </div>
   </div>
   <div class="body">
    <div id="alert_notify" style="display:none;"></div>
    <div id="alert_box_scroll">
     <div class="alert_row_wrapper">
      <div class="alert_msg">· <a class="link_salute">Username Here ...</a> This is were notifications come in!</div>
     </div>
    </div>
   </div>
  </div>
 </div>
</div>


<a class="link_userbox_moderator">This Text Color Is Controlled By A CSS Selector</a>

In Conclusion, both classifications need each other to keep its structure on any browser that a member may use. For those that still need answers on what HTML and CSS stands for can use any search engine they prefer (each search engine gives different results). Also there are many different websites that offer tutorials that can help members learn not only HTML and CSS but can also teach them other programs like C++, Personal Home Page (or PHP for short) and Javascript. For those that do wish to learn more about coding make sure you upgrade your computers Notepad to a better suiting NotePad++ that has many different languages for members to code with.


If you have any further questions, comments, concerns or anything I can add / change to this blog to give a better sense based on this topic
Please feel free to leave a comment on this blog or private message a Volunteer Coder and we will try to help you the best that we can.
For faster results you can also visit the Support Lounge and the staff/members will help you to the best of their abilities as well..



© This blog is subject to change at any given time

© This blog does have a copyright notice and cannot be copied unless given permission by its owner




Copyright© Coding 101™ ~ All Rights Reserved
Blog Designed/Moderated by: §tevens
(How To) Gain More Points

Introduction

It has been said by many members that it isn't possible to gain more points without paying for something or without having a V.I.P.. This blog will be designed to show that it is possible to gain more points without either paying for it or that a VIP is just another means to show oneself off.

Gaining fupoints does not require that it should be paid for via cash money or by some other monitary gain. The only thing it requires is that the person be dedicated to gaining more points and not focus on anything outside of that which is already free. The VIP program is just another program designed to give people the Ultimate Benefit in gaining points, but it also comes with most of the things that come free to you the member. To gain more points all one has to do is Rate, Comment and Like galore. There are different limits depending on ones level but that shouldn't stop one from having fun.

In this blog I will try and explain about the following areas:
Rating Different Areas
Commenting Different Areas
Liking A Member
Inviting Members
Uploading Photos

Please Note: This blog is not designed to be The Letter Of The Law and anything can change from the time this blog is added



Rating Different Areas

Lets get things clear presenting someone with a rate is not just a rate but the main question everyone asks is How Many Rates Can I Do In A Single 24 Hour Window??
The Answer: Unless you buy into the VIP program it is sparatic and the amount is dependent on what your current level is, but the maximum amount at the highest level is around 1,000 - 4,000 or so. Anyone wishing to test this theory can do so and let me know so I can make this as accurate as I can.

Every member (whether Regular or VIP) gets a set of 11's (VIP Members get 250, Regular Members get 10(everyone gets 9999 on days that admin feels the members deserve it)) every 24 hours that they begin to use them, but don't forget there are more than just the 11 Rate (it in fact goes from 1-10 or 1-11 if your a VIP). I have listed an example of what a Regular Member will see compared to what a VIP Member sees when viewing a Profile, Photo or Blog.

Please Note: The images above may look the same for both Regular Members & VIP Members, but after a certain amount the 11 for Regular Members
will become a checkmark and waill require the member to either become a VIP Member or it may require the member to purchase more 11 (300 per purchase)

Rating members will become a Level Requirement (when you get to the levels that require it), but you must stay dedicated even before these levels come in to context and not give up on gaining the free benefits that others wish they can obtain but don't think they will make it.

Don't forget that a rate is what gives you a point in the first place (whether VIP or not). In the old days before Blings and Happy Hours fubar was created so that everyone can visit and rate new peoples Pictures and Profiles. Fubars main motto is to have fun and get to know others that share a common interest :)


Commenting Different Areas

Commenting requires you to leave words (or images) on a members Profile, Photo, or Blogs. There are different ways in posting the comment and some members may have it set to where they approve the comment before its posted to its destination. Even though commenting is common and gives very little points to both the giver and reciever its still gives a free form of points to you the member so that it can be use to gain the necessary amount of fupoints a member will need to level beyond the level they are currently on.


Liking A Member

This topic has been mentioned in the blog titled (How To) Likes-Pimps-Abilities so I will be short and say that for every Like a member gives both them and the member they Liked will get a random amount of points (this is also random if someone has a Rockstar activated). There is a maximum of 100-500 Likes a member can use (depending on level and 500 being the maximum) that recycles every 24 hours and will help a member to gain the necessary acquirements to level beyond what they thought they could get to.


Inviting Members

For those that don't know inviting members to Fubar is a great way for your friends on other social networks to get ahold of you (and it helps give you a crapload of points for every legitimate invitee). Since late 2005 (then it was LostCherry) the invite link has been essential to every member that has used it. Fubar has a promotion going right now which means you can gain 20,000 Points for every member that joins by using your personal invite link. All you have to do is click the Invite link on the main menu and enter your email address to send the link to your friends email or copy the direct invite link that is on the bottom of the popup window.


Uploading Photos

Other than having a flashy profile (or inviting your friends from other websites) the best way to promote yourself and your profile is to
Upload Pictures Of Yourself & Your Surroundings. Photos (whether SFW or NSFW) is an essential way in the manner that points are given to both Giver & Reciever (typically the Reciever will gain more points and the points are random so no one can figure them out). Even though there is a Image Limit (depending on your level) your photos can be re-rated every 24 hours or vice-versa with you rating others pictures and looking at their surroundings. Fubar does allow members to have NSFW images (this site has been since it was a 14+ site many years ago). Don't abuse the NSFW Policies and you should go fine with gaining lots of points for what you upload and do.

Dually Note: Even though Bouncers will not go Pic Hunting on members we are always watching the uploads making sure the site is safe
and clean from an unexpecting child in which you don't want them to see anything you wouldn't want to show your kid at the age they are at.


Side Note

Remember this if you ever hit a Spam Trap (commonly referred to as the Bouncer ID Check), just type in the provided letters the check gives and slow down a bit (if commenting a member make sure to change up your comments every 5th comment). Failing to do any of the afformentioned details will result in a temporary timeout (usually lasting 30 minutes to an hour depending on how many times its been tripped).


In Conclusion, I know some of this is common sense to know, but this blog was created to help those that may be confused and think that there is nothing free on fubar (or that think everything must be bought). Points are used primarily to gain levels and acquire fubucks so that one can do many other things (like create a lounge or buy a 1 day blast), but noone should ever think fubar is not a free site and that you must buy to do anything on this site.


If you have any further questions, comments, concerns or anything I can add / change to this blog to give it a better sense based on this topic
Please feel free to leave a comment on this blog or private message a Fubar Bouncer and they will try to help you the best they can.
For faster results you can also visit the Support Lounge and the staff/members will help you to the best of their abilities..



© This blog is subject to change at any given time

© This blog does have a copyright notice and cannot be copied unless given permission by its owner




Copyright© Gaining Points-FuBucks™ ~ All Rights Reserved
Blog Designed/Moderated by: §tevens
(How To) Choose A Cam Host

Many members use a Cam Host to broadcast themselves to the masses to either say Hello to friends or to just proove they aren't a machine Hell-Bent on taking over the fu-world. They are a few ways to broadcast yourself (whether it be through a Cam Host or even through Fubars own Broadcasting Feature).

This blog will give examples on adding cams from the following sites: Ustream.tv & Stickam.com



Introduction

As mentioned above each Hosting Site has different feature that can help member with common interest meet each other. Some members may find they like a certain Cam Site better than any other and may choose to stick with it over anyone's opninions. Also dually note some sites (like OpenTok) have multi-party use which can greatly show off common goals others may have or may just be the best way to view others across the globe.


Stickam

Stickam has been around since 2005 and has been used by many celebrities and political members as a way to show themselves to the viewers. Stickams goal is to allow either members or non-members (if the user allows it) to watch the person on the other side of the camera do whatever they want to do.

Follow the steps below to Setup and Acquire the Embed Code:

Open Your Desired Browser

open_browser

Direct Your Chosen Browser To Stickam.com

stickam_website

If You Already Have A Stickam Account Go Ahead & Sign In.

stickam_login

OR

If You Don't Have An Account Follow The Steps Below

On The Stickam.com Homepage Click On Signup

stickam_website

A Window Should Appear With Both The Login Field And The Signup Field
(At This Time Stickam Requires You To Have A Facebook Account)

stickam_login

Click On The Facebook Button Another Window Should Popup
Asking For Your Facebook Login Info

stickam_facebookA

After You Have Either Entered Your Facebook Login Info Or
Signed Up For A Facebook Account Another Window Will Appear Asking For Permission

stickam_facebookB

Once You Have Clicked On The Login With Facebook Link The Window Will Refresh
It Will Tell You What Stickam Will Be Doing
(You Can Change These Setting On Your Facebook Applications Page)

stickam_facebookC

After You Click Allow The Window Should Close And Redirect You Back To The Stickam Website
(At This Time The Login Box Will Now Change To The Signup Box)

stickam_setup

After You Enter Some Information The Page Will Now Redirect To Your New Homepage.
(From Your Homepage You Can Do Whatever You Need To Get Your Profile The Way You Want It)

stickam_homepage

On Your Homepage Look On The Left Side For A Link Named View My Profile And Click It.
(This Will Open Your Profile Page)

stickam_profile

While On Your Profile Page Locate These Symbols stickam_symbol And Click It.

After You Click The Symbol It Will Pop Open Another Window That Will Give You The Embed Information You Need.

stickam_embed


Ustream

Ustream started in March 2007 and is somewhat similar to Stickam but has added security and the chat function is only on the actual website. Ustreams main goal is to bring family, friends and others that have the same interests together and meet each other over a live connection.

Follow the steps below to Setup and Acquire the Embed Code:

Open Your Desired Browser

open_browser

Direct Your Chosen Browser To Ustream.tv

ustream_website

If You Have An Account With Ustream already Go Ahead And Sign-In

ustream_login

OR

If You Don't Have An Account Click On The Signup Link On Ustreams Homepage
(A Small Window Will Appear With Some Signup Information)

ustream_signup

After You Have Entered All The Information And Clicked Create Account
Another Window Will Appear With Recommendations On Who To Add/Watch
(Click On The Find Friends Button To Skip This Portion If You Want)

ustream_setupA

After You Have Either Done The Recommendations Or Have Opted To Skip This Section The Next Window Will Give You An Option To Either Search For Your Friends On Ustream Or Invite Them To Ustream
(If You Don't Wish To Do This Just Click The Finish Button If You Want)

ustream_setupB

Once You Have Either Searched, Invited Or Skipped This Step The Next Thing To Appear Will Be Your Ustream Homeapge (Dashboard As They Call It)

ustream_dashboard

Once You Are On Your Dashboard Page Click On The Create Channel Button To Setup A Broadcasting Channel.

ustream_create

Once You Have Created A Channel Another Window Will Appear With Your Channel Information.

ustream_channel

Look On The Left Side Column For The Link That Says Embed And Click It.

ustream_embed

A New Window Will Appear With The Information You'll Need To Embed The Player.

Before You Do Anything (Or Go Live) Make Sure To Go To Your Email Address And Confirm Your Acount.

ustream_confirm_email



Adding To Lounges

Follow the steps below to add the Embed Codes to your Lounge:

Open Your Desired Browser

open_browser

Direct Your Desired Browser To Fubar.com

fubar_website

If You Have A Fubar.com Profile Go Ahead And Login

OR

If You Don't Have A Fubar.com Profile
SignUp For One From The Login Page
(Signing Up Is Easy So I Won't Explain It Here)

Once You Have Have Either Logged In Or Signed Up You Will Be Directed To Your Homepage

fubar_homepageA

fubar_homepageB

If You Have Either Hotness, Old&Janky Or Old Normal
Locate The Main Menu And Click My Then Locate Lounges And Click It

Home My Hottest Latest Games DrinksBling

But If You Have The fSb Homepage Locate Lounges Then Locate My Favs And Click It

fubar_homepageC

Once Your Lounges Page Has Opened Look For Your Lounge And Go Inside It

fubar_mylounges

Once Inside Either Locate The Edit Lounge Link On The Right Column Of The Page
(Or If Your Lounge Is Custom Made Locate The Edit Link Within Your Coded Space)

fubar_loungeA

Once Inside Your Edit Lounge Locate Any Of The Tabs
Named MOTD, Music, Customs 1-3 And Click A Desired Tab
(I'll Be Using The MOTD Tab For This Example)

fubar_lounge_settings

Once You Have Clicked On The MOTD Tab Put The Embed Code You Acquired From
The Cam Hosting Site Your Using Into The Textarea And Click Update

fubar_lounge_motd

Once You Click Update The Content You Just Posted Will Appear Above The Textarea

fubar_lounge_savedmotd

To See The Content In Your Lounge Go Back To Your Lounge And It Will Be There
(You May Need To Refresh Your Lounge For The Content To Show)

fubar_lounge


Some may want to know why I have only mentioned OpenTok and not done a small segment on it.
The answer is simple: OpenTok was originally designed to use a Frameset.
OpenTok is currently only available for members who use Webkit/KHTML based browsers.
OpenTok is somewhat compatible for those who have the plugin Adobe Shockwave but it's a limited number of members.


If you have any further questions about this or any other topics dealing with Cam Hosting
Please feel free to leave a comment on this blog or private message a Volunteer Coder and they will try to help you the best they can.
For faster results you can also visit the Support Lounge and the staff/members will help you to the best of their abilities..



© This blog does have a copyright notice and cannot be copied unless given permission by its owner




Copyright© Choose A Cam Host™ ~ All Rights Reserved
Cams Hosted by: Stickam.com / Ustream.tv / OpenTok.com
Blog Designed/Moderated by: §tevens
(How To) Link/Unlink Twitter



Linking Twitter

The steps below will show you (How To) Link Twitter account:

Open Your Desired Browser

open_browser

Direct Your Browser To Fubar.com & Locate The Login Area

fubar_website

If you use the fsB Homepage locate Account then click on Settings

fsb_homepage

Or

If you have the Menu Style Homepage Locate My then Settings, then click it
(Homepages Limited To: Hotness, Old Normal, Old & Janky & Power fsB)

Home My Hottest Latest Games DrinksBling

Once Inside Your Settings Click On The Privacy & Sharing Tab & Locate The Sharing Sites Area

privacy_settings

Click On The Setup Twitter Button & This Will Pop Open A Window
(Please Note: If You Don't Have A Twitter Account You'll Need To Create One)

twitter_login

Once You Have Either Created An Account or Logged In A Screen Will Appear Asking Authorization

twitter_setup

If You Haven't Logged In Go Ahead And Put In Your Email & Password.
Click On The Authorize App Button
(Please Note: If You Just Created An Account Or Are Already Logged In The Login Portion Will Not Be Visible)

twitter_redirect

Once You Click On The Authorize App Button Your Account Should Now Be Linked
You Should Also Be Redirected Back To Your Fubar Settings Page.

privacy_facebook_linked



Un-Linking Twitter

The following steps will show you (How To) Unlink Twitter:

Open Your Desired Browser

open_browser

Direct Your Browser To Twitter.com & Locate The Login Area

facebook_trad_login

Once You Have Logged In Hover This Image twitter_image Then Locate Settings

twitter_dropdown

When Your Settings Page Has Opened Look On The Left Side Of The Page & Locate Apps and Click It

twitter_apps

From This Page You Will See What Apps You Have Linked Twitter With.

To Revoke An Apps Permission Click On The Button Called Revoke Access

Your Account Should Now Be Revoked And The Button Will Change To Undo Your Last Action.


To Remove The App From Your Fubar Page Go Back To Your Privacy & Sharing Settings On Fubar and Again Locate Sharing Sites

privacy_twitter_linked

You'll See That The Twitter Section Has Changed To A [Linked] Status.
Click On The Remove/Unlink Button

facebook_unlink_alert

An Alert Should Popup. By Clicking On The OK Button Your Account Will Now Be Unlinked.


If you have any further questions about linking/unlinking your Twitter account or anything dealing with this topic
Please feel free to leave a comment on this blog or private message a Fubar Bouncer and they will try to help you the best they can.
For faster results you can also visit the Support Lounge and the staff/members will help you to the best of their abilities..



© This blog is subject to change at any given time

© This blog does have a copyright notice and cannot be copied unless given permission by its owner




Copyright© Link/Unlink Twitter™ ~ All Rights Reserved
Blog Designed by: §tevens
(How To) Link/Unlink Facebook

Everyone knows what Facebook is and most know how to use it (unless Facebook changes its settings again). Linking Fubar to Facebook is as easy as changing a dirty babies diaper and can be done by anyone that is allowed on either Facebook (13+) or Fubar (18+). Below the two lines below will be a way to both Link & Unlink Facebook from your Fubar account.



Linking Facebook

The steps below will show you (How To) Link Facebook:

Open Your Desired Browser

open_browser

Direct Your Browser To Fubar.com & Locate The Login Area

fubar_website

If you use the fsB Homepage locate Account then click on Settings

fsb_homepage

Or

If you have the Menu Style Homepage Locate My then Settings, then click it
(Homepages Limited To: Hotness, Old Normal, Old & Janky & Power fsB)

Home My Hottest Latest Games DrinksBling

Once Inside Your Settings Click On The Privacy & Sharing Tab & Locate The Sharing Sites Area

privacy_settings

Click On The Link Facebook Button & This Will Pop Open A Window
(Please Note: If You Don't Have A Facebook Account You'll Need To Create One)

facebook_login

Once You Have Logged In A Screen Will Appear Asking Permission

facebook_setup

Click On Log In With Facebook button
Another Screen Telling You What Fubar Will Be Doing Will Appear

facebook_permissions

Once You Click On The Allow Button Your Account Should Now Be Linked

privacy_facebook_linked

Don't Forget To Like Fubar When The Popup Comes Up On Your Homepage,
For You Should Now Be Enjoying Some Free Extra Points On Top Of The Points You Get For Logging In Every Day

homepage_popup



Un-Linking Facebook

The following steps will demonstrate (How To) Unlink Facebook:

Open Your Desired Browser

open_browser

Direct Your Browser To Facebook.com & Locate The Login Area

facebook_trad_login

Once You Have Logged In Click On The Then Locate Account Settings

facebook_dropdown

When Your Account Settings Page Has Opened Look On The Left Side Of The Page & Locate Apps and Click It

facebook_applocation

From This Page You Will See What Apps You Have Linked Facebook With.

To Edit/Revoke An Apps Permission Click On The Edit Link

facebook_appedit

From This Portion Of The Screen You Can Edit What The App Does

To Completely Unlink/Remove The App From Your Fubar Profile Click On The Remove App Link In Fubars Apps Section.

To Remove The App From Your Fubar Page Go Back To Your Privacy & Sharing Settings On Fubar and Again Locate Sharing Sites

facebook_linked

You'll See That The Facebook Section Has Changed To A [Linked] Status.
Click On The Unlink Button

facebook_unlink_alert

An Alert Should Popup. By Clicking On The OK Button Your Account Will Now Be Unlinked.


If you have any further questions about linking/unlinking your Facebook profile or anything dealing with this topic
Please feel free to leave a comment on this blog or private message a Fubar Bouncer and they will try to help you the best they can.
For faster results you can also visit the Support Lounge and the staff/members will help you to the best of their abilities..



© This blog is subject to change at any given time

© This blog does have a copyright notice and cannot be copied unless given permission by its owner




Copyright© Link/Unlink Facebook™ ~ All Rights Reserved
Blog Designed by: §tevens
(How To) Speedup Opera¹

Most of Fubars members are referred to using either a Webkit based browser (like Google Chrome, Comodo Dragon or Safari) or a Gecko based browser (like Firefox or K-Meleon), but there are a few that use a Presto based browser named Opera. Opera is like any of the browsers mentioned above (meaning they have different API's and Settings.

There are always Pros and Cons to every Web Browser (no matter which one you choose or decide to use). Each browser has a different level of Customability, but most browsers don't allow the user to customize the settings easily.

I have two other blogs ((How To) Speeding Up Firefox & (How To) Speeding Up Chrome) which explain how to speed up the browsers speed by a small fraction and hopefully this blog will be of some helpful insight into that as well.


Opera is already a very fast browser, but if you would have the choice between fast and faster than fast, what would you choose? I am not an avid Opera user so I did do some research for some of these results and compiled a list of Awesome Tips that will speed up Opera in several unique ways. Many of the settings can be changed by simply going to Tools > Preferences in Opera but some can only be used by accessing not so obvious ways like .ini files or User Preferences. Each way also comes with a Small Risk.

Please Note: Everything I am describing here has worked fine on their computers (and I'll be testing it on mine for a few days).
The changes made has sped up Opera to a small degree and has also increased the browsing experience that comes with it to that same degree.
While most tips will work for everyone no matter their connection to the Internet
Some tips might only increase performance for those that use a broadband or cable connection.
To change some of these preferences you may need to have the Menu Bar visible, and to do this simply follow the steps below.


Click on the button marked Opera on the Top Left Corner

obutton

This will open a menu, click the text that says Show Menu Bar

mbutton

Your browser should now look like the image below

lopera

Once you have this menu follow the directions below and enjoy a speedy browsing experience :)


Disable Name Completion & Local Network Lookup

Whenever you enter a single word into the address field Opera will look for any reference (online or in local form) for that name and try to pull up suggestions to what your typing. This feature is commonly known as AutoComplete. Server Name Completion tries to append prefixes and suffixes to the name automatically. While this feature might be great for some users it also uses Time and CPU Power and should be turned of for Faster Browsing.

In order to turn AutoComplete off, Click on Tools > Preferences, Select the Advanced Tab and choose Network from the left menu.

opref

Click on Server Name Completion and Disable Look for local network machine and try name completion, using.

opref2


Increase The Time Of Cached Images Before Checking For New Versions

Opera downloads images to its Cache File to be able to pull them faster (from your hard drive) the next time you visit any website. By default Opera checks every 5 Hours if a new version of that image has appeared on the visited website. If you increase this time you increase your overall performance.

Go to Tools > Preferences, Select the Advanced Tab and choose History from the left menu.

hpref

Select Every 24 Hours or even Every Week for image checks.

hpref2

You can always refresh the cache manually by hitting the F5 Key on your Keyboard while visiting the website.


Remove Un-Needed & Duplicate Plugins

In Opera's address bar type opera:plugins.

apref

This should display a list of plugins that are currently installed.

apref2

Take a closer look and see if you can find plugins that you never need or will never use.
(ex. if you never use Realplayer Streams in Opera you should Disable It)

To disable a plugin click on the Disable button located on the opera:plugins page you just opened.

apref3

Another problem are duplicate plugins that are caused by loading the plugins from Firefox as well.
This happens of course only if Firefox is installed on the same system.

You can disable this easily by typing opera:config in the address bar.

apref4

Navigate to User Prefs > Plugin Path and delete the Firefox reference there.


Disable Turbo mode

While this might sound a little bit strange at first to mention Disable Turbo Mode when it's present focus is to speed up Opera the rammification becomes clear soon after the person gets use to the browser. Turbo Mode means that Opera pre-draws any image which means you'll see part of the websites images although it has not fully loaded. This primarily uses High CPU, High Disk Usage & High Memory Usage, which could increase overall performance especially on slower computers. It will not be noticeable on new or fast computers though.

To disable Turbo Mode (if its not Disabled already) click on the button on the lower column of the browser

tpref

You can also type opera:config in Opera's address bar.

tpref2

Type Turbo in the Search box and set the preference named Use Opera Turbo to 0
Then go to the User Prefs tab and uncheck the preference named Turbo Mode and click the Save button.

tpref2


Increase The Number Of Total Connections

If you happen to load many tabs at once and like to read websites more or less simultaneously you might want to increase the maximum number of connections. This should have a drastic impact on loading times if you use a broadband or cable connection. It should not make a big difference for users with slow connections, such as 256K Connections or less.

Type opera:config in Opera's address field

apref4

Type Connections into the search field.

cpref

Change the value of Max Connections Total from its current value to another value
(if its not already set by default it has been suggested to change the preference to 32 or 64).
The Max Persistant Connections Server setting should remain as it is.
You might even want to test a lower setting, for instance change it to 4 connections (I'd leave it alone just to be safe).


Reduce The Amount Of Visited Pages In History

Opera keeps track of the last 500 Visited Websites by default. The benefit is that Opera displays all urls that fit the string that you enter in the address bar. You can then scroll down and load the website without entering the url fully. This can however impact the time Opera needs to startup.

A temporary fix would be to clear the history manually, a better solution to reduce the amount of websites that Opera stores.

Click on Tools > Preferences, Select the Advanced Tab and choose History from the left menu

hpref

Click on the Clear button next to Addresses if you want to test if this solution really speeds up loading times or reduce the number of stored addresses in the history right away.

If you don't want the browser to store anything click on the dropdown and select the value that says 0.

hpref3


In Conclusion, there may be many different ways to increase the speed of one's browser (no matter which is used), but always make sure to clean your cookies and cache (read (How To) Clean Cookies & Cache for info on cleaning your browser) every once in awhile (especially on sites with heavy images[like Fubar.com]). Also make sure you have the latest Browser Plugins as well as the latest Browser Version for the particular browser you are using..


If you have any further questions about this or any of the other browser topics
Please feel free to leave a comment on this blog or private message a Fubar Bouncer and they will try to help you the best they can.
For faster results you can also visit the Support Lounge and the staff/members will help you to the best of their abilities..



© This blog is subject to change at any given time

© This blog does have a copyright notice and cannot be copied unless given permission by its owner




Copyright© Speeding-up_Opera™ ~ All Rights Reserved
Blog Designed/Moderated by: §tevens
(How_To) Profile Skin Breakdown

This blog is more of a continuation of the blog titled (How To) Create Profile Skins. If you don't already know Fubar is comprised of two fundamental elements called HTML ('Hyper Text Markup Language) and CSS (Cascading Style Sheets). Basically HTML shapes your profile and CSS sets the HTML in place.

This blog will provide the following:

  • Description of each column
  • Show each CSS Class attained to each Column
  • Provide a Live Skin for every member to use (if they want).

Overview

Every members profile is the same (whether skinned or not). The only difference is each member has a different mindset to how they want their profile to look. Some member prefer a Fully Customized Skin while others might just choose a Simple Background.

Each profile has 3 Main Columns (Left, Center & Right) that provides every members statistics (whether it be basic information to profile viewers). Below will list the three columns and what each of its CSS classes do to make sure it works properly.

Instead of writing what each CSS class holds I will only add the necessary class, then at the bottom (In The Conclusion) I will write a functioning Profile Skin Code with each pertaining class.


Column 1

Column 1 is comprised of Two Main Area's of focus. The first area is where the members Username, User Photo and the Members Profile Statistics are located (As Shown In Figure 1-1A).

The second area holds most of the profiles links like Friend Requests, Abilities, etc... are placed (As Shown In Figure 1-1B).

[Figure 1-1A: Column 1-A][Figure 1-1B: Column 1-B]

Column_1-A

Column_1-B

Column 1-A CSS Classes

id="userprofile_headerbar" class="clearfix"

class="profile_display_name"

id="profile_left_col" class="profile_module"

id="profile_box"

class="pic_wrap"

class="pic"

class="side_icon_wrapper"

class="side_icon"

id="edit_photo" class="edit_me"

class="main_link"

class="fubaruserimage"

id="stats_expandable_wrapper"

class="stats expandable" id="stats_expandable"

class="stats_wrapper"

class="stats_bg"

class="stat_col hidden_stat"

class="stat_block"

class="numbers"

class="title"

class="visible_stat"

id="rating_total"

id="rating_count"

id="likes_total"

class="expand" id="stats_tab"

class="chevron top"

class="bottom"

id="rater" class="row"

id="user_rating_box" class="dark"

id="cherry_voting_container" class="cherry_voting_container"

id="userratingimg"

class="message_text_wrapper"

id="rated_message_text" class="message_text"

id="points_message_text" class="points_text"

class="message_text"

id="buzz_meter"

class="large_buzz_desc"

class="buzz_line buzz_normal"

class="large_buzz_wrapper"

class="meter"

class="buzz_wrapper buzz_normal"

class="percent_bar"

id="level_meter"

class="stat_title"

class="user_level_group"

class="large_level_wrapper"

class="profile_level"

class="level_wrapper"

class="percent_bar"

class="profile_level_meter"

id="points"

id="main_achievement"

class="img_container"

class="details"

class="separator"

id="achievements_expandable_wrapper"

class="achievements" id="achievements_expandable"

class="achievements_wrapper_two"

id="achievements_tab"

class="middle"

id="fumafia"

class="fumafia_logo"

class="fumafia_info"

Column 1-B CSS Classes

id="left_nav"

class="left_sub_nav" id="friends_menu"

class="left_sub_nav" id="flirt_menu"

class="left_sub_nav" id="gift_menu"

class="fupal"

class="down_icon"

class="left_sub_nav" id="link_menu"

class="share_bar"


Column 2

Column 2 is located on the center of the page, but recently it there has been a change and now the members Blings/Drinks are now located Figure 2-1A. Below the Blings/Drinks module is where Information About The Member is typically located(Photos, About Me & Interests)(As Shown In Figure 2-1B). Even further than that is where the members current Status Message and Profile Comments are located (As Shown In Figure 2-1C).

[Figure 2-1A: Column 2-A][Figure 2-1B: Column 2-B][Figure 2-1C: Column 2-C]

Column_2-A

Column_2-B

Column_2-C

Column 2-A CSS Classes

id="profile_main_col"

id="bling_box"

class="tabs"

class="on" id="bling_panel_tab"

id="drinks_panel_tab"

class="main show" id="bling_panel"

class="img_grid"

class="fav_icon"

class="big bling_container"

class="bling_img"

id="bling_button_fixed"

class="see_more_fixed"

Column 2-B CSS Classes

id="my_box"

id="tabs_my_box"

id="my_about_me_tab"

id="my_interests_tab"

id="my_about_me"

class="section vitals"

class="link_dummy show_user_demo"

class="section last bio"

Column 2-C CSS Classes

id="status_box"

id="status_container"

class="user_list two_col"

class="up"

class="col_main"

class="stream_message"

class="stream_source"

class="feed_online_icon"

class="news_feed"

class="fb_module_header borderless"

class="basicInputForm"

class="simple_status_form_msg"

class="fieldPosition"

class="fieldWrap"

class="field defaultText"

class="simple_status_form_hidden"

id="set_online_status" class="set_online_status"

class="set_online_status_btn"

class="btn cyan"

class="simple_comment_form_err"

id="main_feed_list"

class="col_left user_thumbs_container"

class="pic_container"

class="thumbs_container extended"

class="thumbs"

class="thumbs_counts"

class="stream_message"

class="user_name"

class="news_feed_comment"


Column 3

Column 3 is the final column on the members Profile Page and it holds everything from the members Friends to the members Profile Viewers (As Shown In Figure 3-1B to Figure 3-1G). There is a box that I did show (Figure 3-1A that will not be on anyone elses profile but that of the members. It usually is just there to show how many Bling Credits you have and links to buy more or gift a Bling Pack to another member.

[Figure 3-1A: Column 3-A][Figure 3-1B: Column 3-B]

Column_3-A

Column_3-B

Column 3-A CSS Classes

id="profile_right_col"

class="my_credits_module"

class="credits_cnt"

class="label"

class="whats_this"

class="get_more"

class="send_gifts"

class="power_ups"

Column 3-B CSS Classes

id="ranking_wrapper_profile_new"

class="profile_ranking"

class="profile_ranking_stats"

class="current_ranking ranking_default_size_xlarge ranking_default"

class="content_ranking_text_norank"


[Figure 3-1C: Column 3-C][Figure 3-1D: Column 3-D]

Column_3-C

Column_3-D

Column 3-C CSS Classes

id="friends_box"

id="friends_panel_tab"

id="family_panel_tab"

id="friends_panel"

id="family_panel"

class="friend_container"

class="friendfam_fav_rank"

Column 3-D CSS Classes

id="fans_box"

id="fan_panel_tab"

id="fanof_panel_tab"

id="fan_panel"

id="fanof_panel"


[Figure 3-1E: Column 3-E][Figure 3-1F: Column 3-F]

Column_3-E

Column_3-F

Column 3-E CSS Classes

id="blog_panel_tab"

id="lounge_panel_tab"

id="blog_panel"

id="lounge_panel"

class="text_entry_list"

id="blogs_lounges_etc_box"

Column 3-F CSS Classes

id="videos_panel_tab"

id="mums_panel_tab"

id="videos_panel"

id="mumms_panel"


[Figure 3-1G: Column 3-G]

Column_3-G

Column 3-G CSS Classes

Same As Column 3-C


Conclusion

In Conclusion, when each of the spread out sections are joined together they look like the three images below (Linked). Each profile can look a different way or have a different feel (dependent on what the member wants). Just remembr when you add a skin to your profile (whether You Create The Skin or Someone Else Creates The Skin) that skin can always be ripped and used on someone else's profile. Also remember if you don't want to create your own Profile Skin you can always Browse Skins and choose one that suits what you want, but remember what I just said in the last sentence..

[Column 4-A]

Column_4-A

[Column 4-B]

Column_4-B

[Column 4-C]

Column_4-C

Working Profile Skin Code

/* V:2 */

#pagecontent {
  background: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/14541.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
}

#userpagecontentstyle .profile_module .main {
  padding: 13px 13px 22px;
  border: 3px ridge #2B65EC;
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif);
}

#userpagecontentstyle div#userprofile_headerbar {
  border-style: none;
  border-width: none;
  color: #FF0000;
  -moz-border-radius: 2.05em;
  padding: 0px 0px 0px 0px;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: CENTER;
  filter: alpha(opacity=99);
  -moz-opacity: 0.99;
  opacity: 0.99;
  -khtml-opacity: 0.99;
  background-image: url(ENTER YOUR PICTURE URL HERE AND ADJUST THE HEIGHT IN THIS BOX);
}

#userpagecontentstyle .copyright_notice{
  original: DOS;
  rewritten: Stevens;
}

#userpagecontentstyle #activated_bling_panel .img_container a {
  border: 0px ridge #2B60DE;
  display: block;
  margin: 0 auto;
  width: 50px;
}

#userpagecontentstyle #bling_panel .img_container a {
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/3666921374.gif);
  display: block;
  margin: 0 auto;
  width: 50px;
}

#userpagecontentstyle #activated_bling_panel .img_container {
  position: relative;
}

#userpagecontentstyle #bling_panel .img_container {
  position: relative;
}

#userpagecontentstyle #activated_bling_panel .img_container img.special_ability_img {
  height: 10px;
  width: 10px;
  float: left;
  margin-left: 2px;
  left: 0px;
  position: relative;
}

#userpagecontentstyle #bling_panel .img_container img.special_ability_img {
  height: 10px;
  width: 10px;
  float: left;
  margin-left: 2px;
  left: 0px;
  position: relative;
}

#userpagecontentstyle #activated_bling_panel .img_container .fromline {
  white-space: nowrap;
  display: block;
  text-align: center;
  width: 58px;
  padding: 0;
  position: relative;
}

#userpagecontentstyle #bling_panel .img_container .fromline {
  white-space: nowrap;
  display: block;
  text-align: center;
  width: 58px;
  padding: 0;
  position: relative;
}

#userpagecontentstyle #lounge_panel {
  min-height: 45px;
  border: 5px;
  border style: ridge  border color: #2B60DE;
}

#userpagecontentstyle #blog_panel {
  min-height: 45px;
  border: 5px;
  border style: ridge  border color: #2B60DE;
}

#userpagecontentstyle .news_feed {
  background: url();  font-family: Verdana;
  color: #2B60DE;
}

#userpagecontentstyle #status_box {
  background: url();  font-family: Verdana;
  color: #2B60DE;
}

#userpagecontentstyle .profile_container a {
  color: #5ED5D5;
}

#userpagecontentstyle .profile_display_name {
  font-size: 30px;
  font-family: Brush Script Std;
  color: #2B60DE;
  border: 3px ridge #2B65EC;
  height: 50px;
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif);
}

#userpagecontentstyle #ranking_wrapper_profile_new {
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif);
  background-repeat: repeat;
  min-height: 45px;
  border: 3px SOLID#306EFF;
  font-family: tahooma;
  font-size: 15px;
  font-weight: bold;
  color: #306EFF;
}

#userpagecontentstyle #profile_box {
  border: 3px solid #2B65EC;
  background-color: #000000;
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif)!important;
  background-repeat: repeat!important;
  background-position: 50% 100%!important;
  height: 550px;
}

#userpagecontentstyle #profile_box .stats {
  background-color: #000;
}

#userpagecontentstyle #profile_box .stats_bg {
  background: url(/imgs/user/stats_bg.png) top right repeat-y;
  background-color: #000;
}

#userpagecontentstyle #main_achievement .achievements {
  background: url(/imgs/user/achievements_bg.png) repeat-y scroll right top #000000;
}

#userpagecontentstyle .achievement_desc {
  font-weight: bold;
}

#userpagecontentstyle .stat_col .title {
  font-size: 9px;
  font-family: hobo std;
}

#userpagecontentstyle .stat_title {
  font-weight: bold;
}

#userpagecontentstyle #buzz_meter .buzz_percent {
  font-size: 12px;
  font-weight: bold;
}

#userpagecontentstyle #level_meter .level_percent {
  font-size: 11px;
  font-weight: bold;
}

#userpagecontentstyle #level_meter .user_level_top .current_level {
  font-size: 11px;
}

#userpagecontentstyle #level_meter .user_level_top .next_level {
  font-size: 11px;
}

#userpagecontentstyle #profile_box #main_achievement .details {
  background: url(/imgs/user/achievements_bg.png) repeat-y scroll right top #434242;
}

#userpagecontentstyle #profile_box #main_achievement .details p {
  font-size: 10px;
}

#userpagecontentstyle #profile_box #main_achievement .details .title {
  font-size: 11px;
}

#userpagecontentstyle #fumafia {
  border: none;
}

#userpagecontentstyle .fumafia_logo {
  margin: 0;
}

#userpagecontentstyle .fumafia_logo img {
  height: 16px;
}

#userpagecontentstyle .fumafia_info {
  text-align: left;
}

#userpagecontentstyle .fumafia_info a {
  color: #fff;
}

#userpagecontentstyle .fumafia_turf {
  width: 15px;
}

#userpagecontentstyle .fumafia_turf img {
width: 30px;
}

#userpagecontentstyle .bling_fav_rank {
  -border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  background: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif) repeat scroll 4px -14px transparent;
  border-color: #2B65EC;
  border-style: solid;
  border-width: 0 0 1px 1px;
  color: #2B65EC;
  font-size: 10px;
  height: 14px;
  line-height: 12px;
  opacity: 1;
  padding-top: 0;
  right: 0;
  top: 0;
  width: 16px;
}

#userpagecontentstyle .friendfam_fav_rank {
  -border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  background: url() repeat scroll 4px -14px transparent;
  border-color: #2B65EC;
  border-style: ridge;
  border-width: 1px;
  font-size: 10px;
  height: 14px;
  line-height: 12px;
  opacity: 1;
  padding-top: 0;
  right: 0;
  top: 0;
  width: 16px;
}

#userpagecontentstyle #my_box .main {
  background-repeat: repeat;
  background-position: top;
  border-color: #2B65EC;
  border-width: 3px;
  border-style: solid;
  background-color: transparent!important;
  background-attachment: fixed;
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif);
}

#userpagecontentstyle #my_box .section {
  border-bottom: 1px solid #333;
  font-family: Verdana;
  color: #2B60DE;
  font-size: 15px;
  font-weight: bold;
  background-repeat: repeat;
  background-position: CENTER;
  background-color: transparent!important;
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif);
}

#userpagecontentstyle #my_box .section .show_user_demo {
  font-size: 8px;
}

#userpagecontentstyle #my_box .section.last {
  margin: 0;
  border-bottom: 5px;
}

#userpagecontentstyle .section_title {
  font-size: 15px;
  font-weight: bold;
}

#userpagecontentstyle #left_nav {
  background-color: #000;
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif);
  border: 3px solid #2B60DE;
  padding: 10px 13px;
}

#userpagecontentstyle #left_nav ul li a {
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif);
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

#userpagecontentstyle .left_sub_nav {
  margin-left: 12px;
}

#userpagecontentstyle .left_sub_nav li a {
  font-weight: normal;
  color: #2B60DE;
  cursor: pointer;
}

#userpagecontentstyle .tabs li {
  background: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif) repeat-x scroll 0 -98px #000000;
float: left;
  font-size: 12px;
  font-family: Verdana;
  color: #2B60DE;
  font-weight: bold;
  margin-right: 2px;
  min-width: 89px;
  padding: 7px 10px;
  text-align: center;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
}

#userpagecontentstyle .tabs li.on {
  background: #000 url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif) 0 -8px repeat-x;
}

#userpagecontentstyle .tabs li a {
  color: #fff;
}

#userpagecontentstyle #status_box .title {
  font-size: 15px;
  font-weight: bold;
}

#userpagecontentstyle #status_box .user_status_wrapper {
  background-color: #000;
}

#userpagecontentstyle .news_feed ul.user_list li.last {
  border: 0;
}

#userpagecontentstyle .news_feed ul.user_list.mini {
  background-color: #000000;
}

#userpagecontentstyle .news_feed ul.user_list.mini li {
  border-color: #000;
}

#userpagecontentstyle .news_feed ul.user_list.mini .nub {
  background: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif) no-repeat scroll 17px 0 transparent;
  border: 0 none;
  height: 10px;
  left: 17px;
  top: -5px;
  width: 5px;
}

#userpagecontentstyle .news_feed .fb_module_header h2.title {
  background: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif) no-repeat scroll 0 1px transparent;
  font-size: 20px;
}

#userpagecontentstyle .simple_status_current {
  font-size: 12px;
}

#userpagecontentstyle .simple_status_current_title {
  color: #5ed5d5;
  font-weight: bold;
}

#userpagecontentstyle .simple_status_current_text {
  background-color: #000000;
  width: 200px;
  height: 100px!important;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif);
  border-width: 8px;
  border-color: #2B60DE;
  border-style: double;
  -moz-border-radius: 1.05em;
  color: #2B60DE;
  font-family: verdana;
  font-size: 20px;
  font-weight: bold;
}

#userpagecontentstyle .simple_status_current_clear {
  font-size: 10px;
}

#userpagecontentstyle .stream_message {
  font-size: 15px;
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif);
}

#userpagecontentstyle .stream_source {
  font-size: 15px;
  background-image: url();}

#userpagecontentstyle textarea {
  background-color: #000000;
  width: 450px;
  height: 300px!important;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(http://i70.photobucket.com/albums/i101/charl17171/fubar_files/profile_breakdown/anime-thunder-strike-lightning-31000.gif);
  border-width: 8px;
  border-color: #2B60DE;
  border-style: double;
  -moz-border-radius: 1.05em;
  color: #2B60DE;
  font-family: verdana;
  font-size: 20px;
  font-weight: bold;
}

Preview Of Skin

live_preview


If you have any further questions about this topic or any topic related to coding
Please feel free to leave a comment on this blog or private message a Volunteer Coder and they will try to help you the best they can,
For faster results you can also visit the Support Lounge and the staff/members will help you to the best of their abilities..




Copyright© Profile Skin Breakdown™ ~ All Rights Reserved
Blog Designed By: §tevens
last post
2 wks ago
posts
40
views
99,374
can view
everyone
can comment
everyone
atom/rss

followers

Pain NinjaWhen people can walk away from you, let them walk... Don...
Brian RLBF2 KELTON In loveKelton you are awesome (h) I love you babe!
MD 
Gunzle Stepped awayThank you everyone for the fu-love.
AVATORIAN PF Z4K OBD... BummedMY HEART GOES OUT TO THE FAMILIES AFFECTED BY THAT TORNA...
VenusMaria OnlineThank you for all the help leveling again!!!!
RagdollFM4evrTravler9 Ninja10K Likes For InkBoi~5K For Mz Chaos~ Hit My Number 2 an...
VanWrecker Mafia Bouncer OnlineNOT HERE.............
LIKE the SPOTLIG... Foxyget the SPOTLIGHT GAL (InkBoi) to 15ooo Likes, or i k33l...
Actor in DC Heartbroken*sigh*
Naughty by Nature DSC NaughtyProfile rate please??? Tickle my buttons and spank that...
birdie QUEEN of ... GoofyFLY OVER YOUR HEAD AND BOMB YOU?...OR FLY OVER YOUR HEAD...
HELLCAT NaughtyTAKE IT IN STRIDE TUESDAY :)
ERICHWLS NinjaHere we go again
STRIVING TDS Fm2 Maggie EvilHAPPY TUESDAY ALL YOU SEXY FU's... 3 more days of work ...
LB the Innocent Nymph Goodahhhhh ...just another Manic Monday`````
T SmoothxXHushxXOwner In loveEVERYONE THAT IS GETTING HIT BY THE TORNADO IN OKC, BECA...
Kazucrash Rawrrr ExcitedHit the boomy and rate my auction pic link is in my abou...♥
Meangene Evilmy racing ends todays.......
Bee 
JB 
Thanatos Online♥ Hope All Mother's has a Happy Mother's Day today! ♥
zephy Onlinein a blah mood today ugg
Killsenemy FE 2 swee... EvilBAD KITTY!!!!!! BAD KITTY!!!!!!!

other blogs by this author

 3 wks ago
Fu-Pastor_Blog
 2 years ago
Lounge_Coder_Blog
blogroll (list of blogs that the blogger recommends)
official fubar blogs
 1 year ago
fubar news by babyjesus 
 12 hrs ago
e by e 
 12 hrs ago
e by e 
 3 years ago
fubar.com ideas! by babyjesus 
 2 months ago
Word of Esix by esixfiddy 

discover blogs on fubar

blog.php' rendered in 1.6818 seconds on machine '211'.