Many members want to know what functions they have when they first create a lounge. Some know of these functions while others are completely confused and need help understanding what functions are currently present or what they can do with each function. Below is Part 2 of 3 of my (How To) Code Lounges segment I am currently creating.

This blog will give "Members", "Lounge Owners" and "Lounge Staff" better insight of what is inside the different lounge functions and "How To" better use them to their own advantage. If anyone still needs help understanding the can fell free to contact any of Fubars Volunteer Coders and get the answers they need to better help them with whatever is relevant.

If you have any further questions about this or any other topics about the different functions for lounges
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..

Be on the lookout for the Live version of a Lounges Code (Template 1 / Template 2).

So you want to code a FUBAR Lounge.. This will be a 2 part blog. The first part will show what the different functions look look inside a lounges Edit Lounge link and the second part will show members the different style codes for the Lounges basic areas (ie. Say Box, Chatbox & Info / Options / Members Box(I will not include the bottom boxes because they may require custom coding the member / coder is gonna have to add themselves). Pleas dually note to be able to create a Lounge a fubar member must be at the minimum level of ten or have at least $100,000 fubucks. I can only give members the basic knowledge to code lounges, pleas note I cannot determine if this will work for all lounges as each may hold a different task or setting. I have set up two Fully Functioning Lounge Template Blogs (called Lounge_Template_A & Lounge_Template_B). I will no longer be including the style codes (ie. <style type="text/css"></style>) since fubar has everything placed in the Skin Tab. If you feel you are still lost and need help coding your lounge please send a private message to a Volunteer Coder and they will help you get your lounge coded to your specifications.

Skin

The Skin Tab is where the Lounge'ss Pure CSS codes are placed.

MOTD

The MOTD Tab is where the CSS Images and Other HTML Content is Placed

Music

The Music Tab is where the Lounge's Music or Customary HTML/CSS can be placed.

Custom 1-3

The Custom Tabs can be used for positioning different HTML elements (ie. cams, embeds etc...)

Managing Lounge Staff

This setting is used for the Lounge Owner (Staff the Owner delegates to) to control what the lounge staff can and cannot do.

Please be cautious to what you give your Lounge Staff.

Viewing Lounge History

This setting was set up so the Owner / Delegated Staff Member, can see what has been edited within the Lounges Settings.

Customizing Lounge Emoticons

Many Lounge Owners love this setting since it allows them to either use the predetermined lounge emote system or to create their own customary emote they'd like to use within the Lounge Parameter.

In closing this blog is meant to show a member what is inside the Lounge Edit Lounge Link
(located on the Lounge Options Box).

The blog that shows the different functions inside the lounge is (How To) Lounge Funtctions.

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 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..

Have you ever wondered "How Does One Capture The Screen On Their Moniter??". On every Standard Keyboard there is a "Print Screen" function commonly called [PrtScrn], in the operating system that copies the contents of the Entire Screen or just the Active Window to the clipboard, which can then be pasted into a graphics application to print or upload to a image hosting site like Imgur. Here is an example of what a Standard Keyboard looks like.

Below will be some steps on Screen Capturing:

• (How To: Capture The Entire Screen) ~ Windows Edition
  1. Press the Print Screen key on your keyboard. It may be labeled [PrtScn].
  2. Open an image editing program, such as Microsoft Paint.
  3. Press the Ctrl Key and the V key once the Image Program is open
     Please Note: This will capture the current Screen Resolution your moniter supports.
  4. Edit the Image to how you see fit.
  5. Once your done editing go to the File Menu and choose Save As.
  6. Navigate to the folder where you want to save the image.
  7. Type a file name for the image.
  8. Select a file type(Preferrably PNG[Portable Network Graphic]).
  9. Click the Save button.

• (How To: Capture The Active Window) ~ Windows Edition
  1. Select the Window you wish to Capture
  2. Press the Alt key and the [PrtScn] key on your keyboard.
  3. Follow Steps 2 - 9 shown in (How To: Capture The Entire Screen).

• (How To: Capture The Entire Screen) ~ Macintosh Edition
  1. To capture the entire desktop, press Command-Shift-3.
     ~ The screen shot will be automatically saved as a PNG file on your desktop.
  2. To copy the entire desktop, press Command-Control-Shift-3.
     ~ The screen shot will be placed on your clipboard for you to paste into another program.
  3. To capture a portion of the desktop, press Command-Shift-4.
     ~ A cross-hair cursor will appear and you can click and drag to select the area you wish to capture.
     ~ When you release the mouse button, the screen shot will be automatically saved as a PNG file on your desktop.
     ~ (The file is saved as PDF in Mac OS 10.3 and earlier.)
  4. To capture a specific application window, press Command-Shift-4, then press the Spacebar.
     ~ The cursor will change to a camera, and you can move it around the screen.
     ~ As you move the cursor over an application window, the window will be highlighted.
     ~ The entire window does not need to be visible for you to capture it.
     ~ When you have the cursor over a window you want to capture,
     just click the mouse button and the screen shot will be saved as a PNG file on your desktop.
     ~ (The file is saved as PDF in Mac OS 10.3 and earlier.)
  5. Add Control to the two shortcuts above to place the screen shot on the clipboard instead of saving it to the desktop.
  6. Another method on Mac OS X systems is by using the bundled Apple utility, Grab, located in the Applications > Utilities folder.
     ~ Grab is useful if you need to include a cursor or a menu in your screen shot,
     or if you want to save your screen shot to TIFF format.
     ~ To include a cursor, first go to Grab Preferences and select the cursor icon you wish to have in your screen shot.
     ~ To capture the screen with Grab, run Grab, then choose of the capture modes from the "Capture" menu:
     - Selection
     - Window
     - Screen
     - Timed Screen.
  7. When you choose the Selection mode in Grab, you can capture a specific region of the screen by dragging around it.
     ~ Grab will display a tooltip showing the size of the region you have selected and the screen shot
     will open in a window when you release the mouse button.
     ~ The cursor will not be included.
  8. When you choose the Window mode in Grab, an instruction window will appear asking you to select the window
     you wish to capture, then click the "Choose Window" button.
     ~ When you click the button, the instructions will disappear and the window you click ill be captured,
     including the mouse cursor at the position where you click(if a cursor was selected in Preferences).
  9. When you choose the Screen mode in Grab, an instruction window will appear asking you to
     click the screen when you are ready to capture.
     ~ The mouse cursor will be included in your screen shot at the position where you click
     (if a cursor was selected in Preferences).
  10. When you choose the Timed Screen mode in Grab, an instruction window will appear,
      allowing you to prepare your screen for capture.
      ~ When you are ready, press the "Start Timer" button and you will have ten seconds before the screen is captured.
      ~ This allows you to open menus and sub-menus, if necessary. After ten seconds the entire screen will be captured.
      The mouse cursor will be included in your screen shot if a cursor was selected in Preferences.
• The content for Macintosh Systems was found on Graphicsoft.com

Screen Capturing On Mobile Devices

Apple iPhone(iOS):

This just may be iPhone 101 for many members but all the while Apple has pretty much snuck a New Feature into their 2.0 Firmware Update. This feature allows everyone to capture a screen on the iPhone with just the touch of two buttons.

Follow the 5 Steps below to capture a screen using Apple's iPhone:

• Step 1: Locate The Home Button and the Sleep Button (Image Shown below)

  

• Step 2: Go to the area in which you want to capture (ex. image, website, note, etc...)
• Step 3: Click both the Home Button and the Sleep Button at the same time (You should see a flash occur)

  Side Step: For those on iPhone 4s press the Sleep Button first then press the Home Button and the same flash will occur.

• Step 4: Go into your Photos App and locate the image you just captured(Image Examples Shown Below)
• Step 5: Upload the image to a different App (Facebook, Photobucket, etc..)

Android(Google):

It took me getting an actual Android based phone to figure out how to get a screenshot from the hot keys (like iPhone has). I found taking screenshots of the device was as simple as pressing (and holding for three seconds) the Sleep button and the Volume Down buttons together, and the current screen got saved under what is known as the phones Gallery.

Follow the 5 Steps below to capture a Mobile Screenshot on an Andriod Device:

• Step 1: Locate The Sleep Button and the Volume Down Button (Image Shown below)

  

• Step 2: Go to the area in which you want to capture (ex. image, website, note, etc...)
• Step 3: Press & Hold (For Three Seconds) both the Sleep Button and the Volume Down Button at the same time (You should see a flash occur and hear a shutter sound)
• Step 4: Go to your phones Gallery and locate the image you just captured(Image Examples Shown Below)

  Image A	Image B
  Image C	Image D

• Step 5: Upload the image to a different App (Facebook, Photobucket, etc..)

BlackBerry(WebOS):

Courtesy: BlackBerry.com

Windows Phone:

Windows based phones use a different approach to taking a screenshot and below is how to do it (with minimal images unfortunately) and the images that are shot is uploaded to the Photos Gallery as well as to your SkyDrive account.

Follow the 4 Steps below to capture a Mobile Screenshot on an Windows Device:

• Step 1: Press the Power Key and the Start Key at the same time. (Image Shown below)

  

• Step 2: Locate The Photos App On Your Phone.
• Step 3: Locate The Screenshots Folder Within Your Photos App.
• Step 4: Tap & Hold The Image To Share It With Everyone.

In Conclusion:

• There is also many different online screen capture programs (Also Screen Capture Apps)(like PrntScr). These programs are just like the paragraphs mentioned above and each works a different way. Make sure when you download a screen capture program or application the program is compatible with your system or mobile device.

If you have any further questions about how to set up a mobile address or upload images
Please feel free to 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 does have a copyright notice.

This blog cannot be copied unless given permission by its owner

Everyone who has a Family List on Fubar wants to pick and choose which member they want as their #1 choice as Top Family. Each member can utilize this feature and choose up to Twenty-Five members to be in their Top Family. Also each member can organize their Families to better show off other members.

This blog will give the following:
- Show How To Add To Family,
- Show How To Make A Member A Top Family Member,
- Show A Live Look Of The Manage Top Family Page.

Adding Member To Family

To add a member to your Family List you must first add that member to your Friends List (making the member a Top Friendwill not make them a Top Family Member). Also before you move on you can read the blog titled (How To) Manage Your Friends as it will also have another feature that will show you how to add a member as a Top Friend.

The below steps will show you how to make a member who is already on your Friends List a Family Member

Open Your Desired Browser

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

Once You Have Logged In Successfully Go To Your Friends Page

Once You Are On Your Friends Page Locate
The Link Named Add To Family And Click It

Once You Have Clicked The Add To Family Link
A Confirmation Page Will Load

The Page Will Take About 5-10 Seconds To Load
Then The Page Will Re-Load To Your Family Page

This Member Will Now Be A Member Of Your Family

To Add This Member To Your Top Family Read Below.

Adding Member To Top Family

Now that you have added the member to your Family List you can now add that member to whats known as a Top Family Member.
This feature allows you to Add and Re-Arrange a list (25 maximum) to better suit who you want visible on your profile.

Below will be a Live Example of what the Moderate Family Page looks like.

Below is the table area to rearrage your 25 Top Family Members to view this just click this Link

Manage your 25 Top Family This section shows a selected member from your family list Username Here United States Remove from Family The Button above removes the member from ur Top Family List 0-50 of your Family The list below shows everyone on your family list whether it be 1 or 50 User 1 User 2 User 3 User 4 User 5 User 6 User 7 User 8 User 9 User 10 User 11 User 12 User 13 User 14 User 15 User 16 User 17 User 18 User 19 User 20 User 21 User 22 User 23 User 24 User 25 User 26 User 27 User 28 User 29 User 30 User 31 User 32 User 33 User 34 User 35 User 36 User 37 User 38 User 39 User 40 User 41 User 42 User 43 User 44 User 45 User 46 User 47 User 48 User 49 User 50 The button below adds the member to your top family Add To Top Family --> <-- Remove From Top Family The Button above removes the member from ur Top Family List Top Family The list below shows who you have selected to be a Top Family Member (From 1-25) User 1 User 2 User 3 User 4 User 5 User 6 User 7 User 8 User 9 User 10 User 11 User 12 User 13 User 14 User 15 User 16 User 17 User 18 User 19 User 20 User 21 User 22 User 23 User 24 User 25 This section shows who you click on for the Top Family side The button below moves the member from the bottom of the list to the top Move Up This section shows a selected member from your family list Username Here United States Move Down The button above moves the member from the top of the list to the bottom This button saves the changes you made to your Top Family List Save Your Top Family *if the family member is not in the list, you can add them to your top family from their user page, using the 'Add as a top family' option. Finally this button takes you back to your homepage Back to your home page

If you have any further questions about this or any other player topics
Please feel free to leave a comment on this blog or private message either 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

Everyone who has a Family List on Fubar wants to pick and choose which member they want as their #1 choice as Top Family. Each member can utilize this feature and choose up to Twenty-Five members to be in their Top Family. Also each member can organize their Families to better show off other members.

This blog will give the following:
- Show How To Make A Member A Top Friend,
- Show A Live Look Of The Manage Top Friends Page.

Adding Member To Top Friends

To add a member to your Top Friends List you must first add that member to your Friends List.Once you have read this blog make sure to check out the blog titled (How To) Manage Your Family.

The below steps will show you how to make a member attain the top position who is already on your Friends List.

Open Your Desired Browser

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

Once You Have Logged In Successfully Go To Your Friends Page

Once You Are On Your Friends Page Locate
The Link Named Add As Top Friend And Click It

Once You Have Clicked The Add As Top Friend Link
The Page Will Re-Load To Your Top Friends Page
(As Shown Below)

Moving Member To Top Friend

Now that you have a better understanding of this area you will finally see what this feature will allow you to do,
whether it be to Add or Re-Arrange the prescribed list (25 maximum) to better suit who you want visible on your profile.

Below will be a Live Example of what the Moderate Friends Page looks like.

Below is the table area to rearrage your 25 Top Friends to view this just click this Link

Manage your 25 Top Friends This section shows a selected member from your friends list Username Here United States Remove as a Friend The Button above removes the member from ur Friends List 0-50 of your Friends The list below shows everyone on your friends list (up to 50 members max) User 1 User 2 User 3 User 4 User 5 User 6 User 7 User 8 User 9 User 10 User 11 User 12 User 13 User 14 User 15 User 16 User 17 User 18 User 19 User 20 User 21 User 22 User 23 User 24 User 25 User 26 User 27 User 28 User 29 User 30 User 31 User 32 User 33 User 34 User 35 User 36 User 37 User 38 User 39 User 40 User 41 User 42 User 43 User 44 User 45 User 46 User 47 User 48 User 49 User 50 The button below adds the member to your top friends Add To Top Friends --> <-- Remove From Top Family The Button above removes the member from ur Top Friends List Top Family The list below shows who you have selected to be a Top Friend (From 1-25) User 1 User 2 User 3 User 4 User 5 User 6 User 7 User 8 User 9 User 10 User 11 User 12 User 13 User 14 User 15 User 16 User 17 User 18 User 19 User 20 User 21 User 22 User 23 User 24 User 25 This section shows who you click on for the Top Friend side The button below moves the member from the bottom of the list to the top Move Up This section shows a selected member from your friends list Username Here United States Move Down The button above moves the member from the top of the list to the bottom This button saves the changes you made to your Top Friends List Save Your Top Friends List *if that friend is not in the list, you can add them to your top friends from their user page, using the 'Add as a top friend' option. Finally this button takes you back to your homepage Back to your home page

If you have any further questions about this or any other player topics
Please feel free to leave a comment on this blog or private message either 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 you would like to specify colors within any web page, you must set Color Attributes. Attributes determine the appearance of a web page, such as background color, text colors and fonts.

To specify a specific color, you must use the hexadecimal color code within your HTML coding. The hexadecimal color codes can be used throughout the entire web page to specify all of the following:

• Background Colors
• Font Colors
• Border Colors

To ensure your colors will be displayed to most Internet users as you had intended, you should always select your colors from the 216 web safe colors, as displayed in the 216 web safe color chart below.

When using colors within your HTML, you can also use the actual color "word" for basic colors such as black, white, red, green, blue and yellow.

Your color code might look something like this: BGCOLOR="RED"

To specify the background and text color of a web page, place the following color attributes, indicated in bold, within the <BODY> tag of your web page:

<BODY BGCOLOR="#FF0000" TEXT="#0000FF">

To specify link colors within a web page, place the following color attributes, indicated in bold, within the BODY tag of your web page:

<BODY LINK="#003399" VLINK="#0000CC" ALINK="#9966CC">

To specify the border color within an HTML table, place the following code within your TABLE code:

<TABLE align="center" style="border: 2px solid rgb(204,204,204);">

To specify the background color within a specific TABLE cell, place the following code, indicated in bold, within your TABLE code:

<TD style="border: 2px solid rgb(204,204,204);">Your Cell Text</TD>

Edit the hexadecimal color codes indicated in red to suit your needs.

Although you can change the background color of your web page, it is highly recommended that you use the default background color of white and the default text color of black, as this is the easiest color options to read within a web browser.

In addition, it is highly recommended that you use the default link colors within your web pages, as these colors are what your visitors will be expecting. Changing the link colors may cause confusion.

Each color displayed within the color chart below contains the hexadecimal values and the RGB (Red, Green, Blue) Values. Select a color and copy & paste the hexadecimal value into your HTML document.

Example:

Hexadecimal Value - #FFFFFF  RGB Color Code - R=255 G=255 B=255

HTML 5 Update - Please Note with HTML 5 now enabled a fourth decimal code has been added to the list of the hexidecimal list. This is referred to as Alpha / Opacity (ex.rgba(0,0,0,1)). Below is the list of Opacity levels

If you have any further questions about 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

For members who decide to buy a VIP and get to experience the VIP+ benefits
get to choose some spiffy tooltip backgrounds identical to the ones shown below

Fire (default)

Stormy

Matrix

Skull & Smoke

BCA

Lets face it everyone creates Bulletins (whether it be Fubar Admin, Fubar Bouncers, Advanced Users, Lounge Owners, etc...). We each use Bulletins in our own way. For those that don't know what a Bulletin is this blog will explain as well as show you some of the background information behind a Customized Bulletin.

This blog will be referenced by my two blogs titled (How To) Coding 101 & (How To) Specify Colors Within A Webpage. Bulletins are mainly used to broadcast Fubar Promotions, Member Concerns or Lounge Invites/Special DJ Players. Bulletins are also classified as Mini-Blogs which allows members to spread the word on a topic of their choosing. Below I will list examples of (How To) Create a Customized Bulletin using HTML (Hyper Text Markup Language).

Coding A Bulletin 101

Basically we are going to begin with the code portion of a bulletin and show what can be used within.

<div> - This is the first structure tag that will begin the Outline for the Bulletin.
<table> - This is the secondary structure tag that create a <table> for the Bulletin.
<tr> - This is used within the <table> to conform to the W3C formats of how a Table is structured.
<td> - This is the Table Decoration. It is where all the information you want to place goes.
<p> - This is called a Paragraph tag. This is used to easily create paragraphs within the <table>s Table Decoration Area.

Now that you know which components can be used within a bulletin you can now move on to what the code will look like and I will also show a live preview of this code in every day fashion.

Code Preview

There will be two examples of coding the first will show how the code is structured and the second will either be a screenshot of a bulletin or it will be a Live Preview of a bulletin page.

Live Preview

This is a preview of what the bulletin will look like when you preview the coding as well as the final result of when it is posted..

fubar Bulletin!MAKE STICKY!
Volunteer Coder United States	Subject: Volunteer Coder Bulletin Test      Date: December 19, 2012, 00:00 am
This is a live example of a bulletin That shows you how it is implemented to every member. More information can be found by messaging the owner of this blog..

NOTE: If you post content that is offensive, adult, or NSFW (Not Safe For Work), your account will be deleted.

In Conclusion, As you can see above creating a Bulletin is easy and finding its components is even easier. There is many different ways one can create and skin a Bulletin, but this is a much cleaner version that people can use and implement on their own time. Bulletins can either have comments Enabled or Disabled on them to either let their friends comment on the topic or just to let others repost their work to broadcast it to their Friends List as well. The more a Bulletin is reposted means the more it is going around to others to see what you have created (whether it be for a Lounge, Customized Profile Skin or just a plain Bulletin with some simple word[No HTML])..

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 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 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

Its no suprise Fubar has different colors for the fu-member community. This different style color scheme is shown below and as follows:

Status Icons

Angel Balloons Birthday Cake Blazing Blue Eye Blue Skull Bomb Bra Brown Eye Bummed Cash Cheers Coffee Cuffs Evil Excited Flexing Football Foxy Gag Goofy Green Eye GRRR Headphones Heartbroken Heels Hot Chili Hot Dog Hung_Over In Love Liger Lips Money Sack Moonshine Naughty Ninja Offline On Fubar Online Party Time Passed Out Peace Phone Pink Skull Playing fuMafia Pokeball Red Eyes Save Tata's Shades Smoking Shy Sick Stepped Away Stuffing My Face The Finger Troll Trying to Work Yoga ZZZ

Special Ability Icons
Ability Stone Auto 11's Big Bang Boomerang CherryBomb Double Points Famplifier God Mode Likenado Likeasaurus Make It Rain Mega Polisher Night Star Pimp Hand Pimp Shield Rockstar

Exotic Icons
BCA Bling Big Red fuBix Cube FUNicorn fuPony Golden Skull Golden Widow Living Dead Lost Cherry Sticky Icky Timeless Butterfly Top Level

Emoticons
:s :-S :-s :p :-p :P :-P 8-P 8-p X( :( :) :-( :-o :-O :O :o X) :-) =) =D :D :-D :@ :-@ (B) (b) (D) (d) (Y) (y) (N) (n) (50) (51) (52) (53) (54) (55) (56) (57) (58) (59) (60) (61) (62) (63) ;) (z) (sk) (s) (a) (e) (sa) (al) (bh) (h) (r) (fu) ^_^