Over 16,529,131 people are on fubar.
What are you waiting for?
How To Mute Your Mic While On TokBox Cams In Lounges
First Off Cams Work on all browsers EXCEPT Firefox!
The Cams Require the FLASH Plug-In
THEN HIT ALLOW ON FLASH POP UP!
After that.... a small box will pop up in the top left corner...
CLICK ON IT and you will See A Small Mic Icon
Click it and make sure there is a slash through it!
This Mutes The Mic!
AND YOUR DONE... IT IS JUST THAT EASY!
Alot of people have been having issues with the opentok cams in their lounges, and after bumping my head on the wall a couple 100 times trying to figure it out... I finally asked for help. DON'T GO TO OPENTOK Forums... it will make your head hurt. So I hit up Annonymus... and he's Annonymus because he hates stupid people and dumb questions when we have the best tool of all GOOGLE. Ok so on with it....
First You Want to Go to this link:
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager06.html
Or Copy and Paste Link: http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager06.html
Then you want to scroll down the list and find:
staging.tokbox.com and hit Always Allow. and....
static.opentok.com and hit Always Allow.
Easier said then done... (Would be much easier to have those in Alphabetical Order... but its Adobe!)
Then depending on what browser you are on... I'm hoping it is either Chrome or Komodo Dragon.
For Komodo Dragon click this: dragon://plugins/
Then on the upper right corner... click on Details.
When that opens... scroll down till you see:
| Name: | Shockwave for Director |
| Description: | Adobe Shockwave for Director Netscape plug-in, version 11.6.5.635 |
| Version: | 11.6.5r635 |
| Location: | C:Windowssystem32AdobeDirectornp32dsw_1165635.dll |
| Type: | NPAPI |
| Disable |
| MIME types: |
|
Then on the upper right corner... click on Details.
When that opens... scroll down till you see:
| Name: | Shockwave Flash |
| Description: | Shockwave Flash 11.3 r31 |
| Version: | 11.3.31.225 |
| Location: | C:UsersWiccaAppDataLocalGoogleChromeApplication21.0.1180.75PepperFlashpepflashplayer.dll |
| Type: | PPAPI (out-of-process) |
| Disable |
| MIME types: |
|
| Name: | Shockwave for Director |
| Description: | Adobe Shockwave for Director Netscape plug-in, version 11.6.5.635 |
| Version: | 11.6.5r635 |
| Location: | C:Windowssystem32AdobeDirectornp32dsw_1165635.dll |
| Type: | NPAPI |
| MIME types: |
|
Ok... I have been asked numerous times how to make a fubar skin... and that the blog I had done previously was confusing and out dated and folks still don't understand. So I this is an updated version of that blog... lets just call it Fubar Skin's for Dummies!
First off... when ever you are coding theres a simple method when coding on google Chrome that you should be aware of... If you are stuck and you don't know what line of code does what this is what you do...
***NOTE: If you notice... the size of the header is also present in the highlighted div header as 985px by 300px so when designing your skin off of this platform you will need to use that same size to match it all up... If you choose to go bigger or smaller I will discuss that later in the blog.
Now... Go to the Skin's Code for this.... it only works if you have a pre made skin you stole off of someone else cause you liked the way it looked....
Now... the skin that I am using... is this one: http://fubar.com/c51?preview_skin=166001 (It's Pretty Basic... But it works great for learning)
The code for it is: If you see this ***hjakshdkuher*** this is NOT part of the skin... this is the explanation of the part in the skin you can change! (I will have definitians at the bottom of what these stand for if your confussed).
/* V:2 */
#userpagecontentstyle div#userprofile_headerbar {
border: red; ***Change the color of the boarder***
border-width: 0px 0px 0px 0px; ***Change the boarder width***
padding: 0px 0px 0px 0px; ***Change the padding***
overflow: hidden !important;
height: 300px; ***Change the height of the headbar... in case your banner is bigger or smaller than the skin itself***
background-color: transparent !important;
background-repeat: no-repeat;
background-position: center;
background-image: url(http://i953.photobucket.com/albums/ae17/C51Creations/Pink-Floyd-Dark-Side-Wall-1.jpg); ***background Image link for banner***
}
#userpagecontentstyle div#userprofile_headerbar:hover {
border: red;
border-width: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden !important;
height: 300px;
background-color: transparent !important;
background-repeat: no-repeat;
background-position: center;
background-image: url(http://i953.photobucket.com/albums/ae17/C51Creations/Pink-Floyd-Dark-Side-Wall-1.jpg);
}
#userpagecontentstyle textarea {
height: 200px!important;
font-family: American Writer;
color: black! important;
font-size: 25px;
font-weight: bold;
background-color: red;
background-position: center;
background-repeat: repeat;
background-image: url(http://i953.photobucket.com/albums/ae17/C51Creations/Pink-Floyd-Dark-Side-Wall-1.jpg)!important;
}
#pagecontent {
background-color: #000000;
background-image: url(http://i953.photobucket.com/albums/ae17/C51Creations/pink_floyd_1.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
}
#userpagecontentstyle .tabs li.on {
background: url(http://i1208.photobucket.com/albums/cc379/mgomezmayorga/z_pinkfloid.gif);
font-family: American Writer; *** Font that you wish to use for all of your skins writing***
color: black!important;
font-size: 18px; ***Change Font Size***
font-weight: bold; ***Change font weight if you want your text to be bold/Italic... and so on***
}
#userpagecontentstyle #profile_box {
background: url(http://i1208.photobucket.com/albums/cc379/mgomezmayorga/z_pinkfloid.gif) !important;
background-repeat: repeat!important; ***Change if you want the picture in the background to repeat or not***
background-position: center!important;
border-color: red!important;
border-width: 3px!important;
border-style: outset!important;
background-color: #000000!important;
font-family: American Writer;
color: red!important;
font-size: 18px;
font-weight: bold;
}
#userpagecontentstyle #left_nav ul li a:hover {
text-decoration: underline;
color: red!important;
font-family: American Writer;
font-size: 18px;
font-weight: bold;
}
#userpagecontentstyle div#left_nav {
border: 3px outset red;
background: url(http://i1208.photobucket.com/albums/cc379/mgomezmayorga/z_pinkfloid.gif) !important;
background-color: #000000!important;
font-family: American Writer;
color: red!important;
font-size: 18px;
font-weight: bold;
}
#userpagecontentstyle .profile_module .main {
border: 3px outset red;
position: relative;
background: url(http://i953.photobucket.com/albums/ae17/C51Creations/pink_floyd_1.jpg);
background-color: #000000!important;
font-family: American Writer;
color: red!important;
font-size: 18px;
font-weight: bold;
}
#userpagecontentstyle #news_feed {
border: 3px outset red;
background: url(http://i1208.photobucket.com/albums/cc379/mgomezmayorga/z_pinkfloid.gif);
background-color: #000000!important;
font-family: American Writer;
color: red!important;
font-size: 18px;
font-weight: bold;
}
Now to define these Elements:
#userpagecontentstyle div#userprofile_headerbar { - Headbar... i.e. Banner on the top! Example: http://i46.tinypic.com/334i4hl.jpg
#userpagecontentstyle div#userprofile_headerbar:hover { - Headbar Hover... this is used to mimic two images... say you want two banners well when someone scrolls over the main banner it changes into another banner... as soon as they take their mouse off of it, it goes back to the original banner... If you don't put a 2nd banner and keep the banner the same... but the same background image into it as you did above: background-image: url(http://i953.photobucket.com/albums/ae17/C51Creations/Pink-Floyd-Dark-Side-Wall-1.jpg); If you leave it blank... when someone scrolls over it... it will disappear. Example: http://i46.tinypic.com/334i4hl.jpg
#userpagecontentstyle textarea { - This is where people leave you stats comments and profile comments... If your background image is to busy looking no matter what color you change the text to... no one will be able to read it... so I suggest making this background for the text area very light or dark in color and not so busy looking! Example: http://i48.tinypic.com/2lvlpq0.jpg
#pagecontent { - Main Page content... the entire background behind all the moduals and text and pictures you have already done... this is the MAIN BACKGROUND! The background needs to be at least 2100px by 1100px to fit the entire background of your skin... this also applys to lounge backgrounds.
#userpagecontentstyle .tabs li.on { - These are the tabs... Any tabs on the skin you can change the background to... (Note: They all have to stay the same pic... Choose wisely) Make sure they are at least 100px by 21px to fit the script. Exaple: http://i49.tinypic.com/2w5r0ur.jpg
#userpagecontentstyle #profile_box { - This is your profile, your bling box, your friends and family moduals... your blogs and lounges and so on.... Example: http://i49.tinypic.com/inu4vb.jpg
#userpagecontentstyle #left_nav ul li a:hover { - Leave it alone... nothing to do here captain!
#userpagecontentstyle div#left_nav { - Left Navigation boxes... This is where all your things you can do for others links come in... Send a PM, Friends request, Own someone, crush them, fan them... and so on.... Example: http://i47.tinypic.com/2nc3yh0.jpg
#userpagecontentstyle .profile_module .main { - This is for the profile box... which is where your "About Me" and "Intrests" are located... anything that is written on the main profile... this is also where your pictures in your album are stored if you have that option up instead of where the about me is... This is in the middle of your main page so this is an important spot to put someting... It can be a .gif pic or it can be a .jpg... and any size you want. Example: http://i47.tinypic.com/fjp8ab.jpg
#userpagecontentstyle #news_feed { - This is where your picture is... your buzz meter... your level is located... Example: http://i45.tinypic.com/2lt4lz.jpg
That about Sums that up.... Now lets move to defining What these odd words mean... Shall we...
boarder-width:
The border-width property sets the width of an element's four borders. This property can have from one to four values.
Examples:
Example: http://www.w3schools.com/cssref/pr_border-width.asp
padding:
With CSS Padding you will be able to change the default padding that appears inside various HTML elements (paragraphs, tables, etc). But first, let us make sure we understand the definition of padding. A padding is the space between an element's border and the content within it. Example: http://www.w3schools.com/css/css_padding.asp
overflow:
The overflow property specifies what happens if content overflows an element's box.
The overflow property is supported in all major browsers.
Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".
Example: http://www.w3schools.com/cssref/pr_pos_overflow.asp
The font-weight property sets how thick or thin characters in text should be displayed.
Example: http://www.w3schools.com/cssref/pr_font_weight.asp
Now... if I need to explain any other element... please let me know... but http://www.w3schools.com/ is one of the best websites to teach you anything about coding you are not sure about... best way to do it is to go to http://google.com and put in the search bar CSS what you are looking for and define... Example: CSS font-weight: define
If you have any other questions about this or had a hard time understanding this blog... please comment below and I will update the blog with what you asked... as well as let you know via SB what you wanted to know about!
Happy Skin Making!
The following is working example of a profile skin that i had made and it works great. All you have to do is add your desired images from your photobucket, imageshack, tinypic, or other hosting service and then you take and go to your skins and create a new skin and copy and paste this into the big box and then name your skin and then save the skin and poof you got a profile skin of your very own.
You can customise this skin with the desired Font style that you want as well as the desired color for the text. For a list of CSS COLORS you can visit this link:
http://www.somacon.com/p142.php
HAPPY CREATING AND HOPE YOU FIND THIS USEFUL~Dj Iceman Coder
#userpagecontentstyle {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black;
border: none; border-width: 0px;
-moz-border-radius: 2em;
background-image: url(background image link here);
background-attachment: fixed;
background-position: center;
background-repeat: yes-repeat;
scrollbar-face-color: 000000;
scrollbar-highlight-color: #FF0000;
scrollbar-3dlight-color: #FF0000;
scrollbar-shadow-color: #FF0000;
scrollbar-darkshadow-color: #FF0000;
scrollbar-arrow-color: #FF0000;
scrollbar-track-color: 000000;
}
#userpagecontentstyle tbody {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none;
border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle td.userprofile_headerbar {
border: solid purple;
border-width: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden !important;
height: 550px;
background-color: transparent !important;
background-repeat: no-repeat;
background-position: center;
background-image: url(desired name tag goes here);
color: #FF0000;
-moz-border-radius: 2em;
}
#userpagecontentstyle tr {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none;
border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle th {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none;
border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle td {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none;
border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle p {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none;
border-width: 0px;
-moz-border-radius: 2em;
background: black transparent!important;
}
#userpagecontentstyle div {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none;
border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle em {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none;
border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle font {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none; border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle text {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none;
border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle strong {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none;
border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle span {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none;
border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle u {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none;
border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle b {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none; border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle i {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none; border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle input {
color: #FF0000!important;
font-style: Posca Mad Thrasherz;
background-color: black transparent!important;
border: none; border-width: 0px;
-moz-border-radius: 2em;
}
#userpagecontentstyle textarea {
color: #FF0000;
font-style: Posca Mad Thrasherz;
background-color: transparent;
border: ridge;
border-width: 2px!important;
-moz-border-radius: 2em;
width: 400px;
height: 200px;
background-position: center;
background-repeat: repeat;
background-image: url(desired gif or png image here);
font-size: 16px!important;
}
#userpagecontentstyle html {
width: auto!important;
height: auto!important;
background-color: black;
background-image: url(desired gif or png image here);
background-attachment: fixed;
background-position: center;
background-repeat: yes-repeat;
scrollbar-face-color: 000000;
scrollbar-highlight-color: #FF0000;
scrollbar-3dlight-color: #FF0000;
scrollbar-shadow-color: #FF0000;
scrollbar-darkshadow-color: #FF0000;
scrollbar-arrow-color: #FF0000;
scrollbar-track-color: 000000;
}
#userpagecontentstyle a:active {
font-size: 10px!important;
color: #FF0000 !important;
font-style: italic!important;
text-decoration: ;
background-image: url(desired gif or png image here);
}
#userpagecontentstyle a:visited {
font-size: 10px!important;
color: #FF0000 !important;
font-style: italic!important;
text-decoration: ;
background-image: url(desired gif or png image here);
}
#userpagecontentstyle a:link {
font-size: 10px!important;
color: #FF0000 !important;
font-style: italic!important;
text-decoration: ;
background-image: url(desired gif or png image here);
}
#userpagecontentstyle div .tooltip_border_reg {
-moz-border-radius: 2em;
border-color: #FF0000;
width: auto!important;
}
#userpagecontentstyle td.tooltip_border {
-moz-border-radius: 2em;
border-color: #FF0000;
width: auto!important;
}
#userpagecontentstyle .userprofile_wrapper {
padding: auto!important;
}
#userpagecontentstyle td.userprofile_primarycolumn {
background-image: url(desired gif or png image here)!important;
background-repeat: no-repeat!important;
background-position: bottom center!important;
}
#userpagecontentstyle .userprofile_table {
width: auto!important;
height: auto!important;
border: 8px ridge black;
-moz-border-radius: 2em;
background-image: url(desired gif or png image here)!important;
}
#userpagecontentstyle .userprofile_name_header {
font-size: 12px!important;
text-align: center;
color: #FF0000 !important;
font-style: italic!important;
text-decoration: blink;
}
#userpagecontentstyle div#fixedtipdiv {
-moz-border-radius: 2em;
font-weight: bold!important;
padding: 4px!important;
width:auto!important;
max-width: auto!important;
height: auto!important;
border-color: #FF0000!important;
border-width: 2px!important;
border-style: ridge!important;
font-family: Posca Mad Thrasherz!important;
font-style: italic!important;
background-color: 000000!important;
}
Alright many of you have come to me with I need a lounge coder... I get about 20 a day... and although I love to code lounges, because I'm a web designer/deveoper... 20 a day is pretty rough. So here's what I decided to do. First of all message me. Don't SB Me cause trust me I'll loose you in the middle of everything else. Second of all I need to state how I opperate this lounge coding... Now in this catagory of blogging I have placed a basic Skin with examples of where stuff goes in the code. I know for most of you this is hard to understand and I have tried my best to write it out in english to best describe where things go in the skin. I will say this... I have a limit. You have to understand this is a process. Its not something that will take an hour to code and your lounge is fully up and running. So here's a break down.
I will do basic lounge coding for 10 Million... that is a basic background a easy skin code and some buttons and a banner. I will also place your Player as well.
Anything else I charge for being that if you want something spectacular with cams and the whole 9 yards thats gonna cost ya.
Cam set up: 20Mil or a 25 Credits.
Java/Flash Mesaage me for a quote.And by Java/Flash I mean look at Trivium Lounge, Orgy Lounge, Snake Eyes Radio, and anything else that looks insainly diff. from the basic look!
Here's a link to my blog for the skin:
http://fubar.com/basic-lounge-skin-by-dj-iceman/b339762-1145254
Any other questions feel free to PM me as well!
Thanks, C51
Alright so I been asked how to make a bullietein about a hundred times in the last month... so heres a little Walk through!
Border Codes:
<center><table width="100%" cellpadding="20" cell="cell" spacing="0" border="2" background="http://i31.photobucket.com/albums/c359/ammclaren/strobe-lights.gif">
<tr><td width="100%"><center>
This Code is used to make a boarder around your pictures and text. Example:
(This code should always be put at the top of your code! You can paste it as many times as you want to make diff borders. Replce the photobucket direct link to make the boarder.)
Next up is your Text:
<font size="20" color="Green" face="kredit">
NOW HIRING FOR ALL STAFF!!! SCHWAG RADIO IS TOKIN IT UP!!!!!!!
Type whatever you like under it!
If you want to do a direct webpage link the code is:
<a href="http://fubar.com/bulletins.php?repost=3385140578" target=_blank>http://fubar.com/bulletins.php?repost=3385140578</a>
Which looks like:
http://fubar.com/bulletins.php?repost=3385140578
And Lastly is your Lounge Link with picture:
<a href="http://www.fubar.com/lounge/75198"><img src="http://i782.photobucket.com/albums/yy109/SilentWolfLvr/stickers_e73b53b3271e73468388ba273170fec3.gif" />
First like in the " " is your lounge link and the second half is your image direct link " ".
And that's all you really need to know. you can always hit the preview button to see if your doing it right. If you have any issues with it please hit me up!
This is an HTML Color Chart. You place these codes in your font Codes and you get that Color. Font codes look like:
<font size="20" color="Green" face="kredit">
After color=" " you put the numer letter code.
For Instanse:
<font size="20" color="#000099" face="kredit"> Would come out blue!
Font size - Is of corse The Font Size.
and...
Face - Font (typography style) - like Ariel, Comic Sans MS, Courier New,... etc.
HERE IS A BASIC LOUNGE CSS SKIN:
YOU CAN USE THIS SKIN FOR YOUR LOUNGES****JUST DONT CLAIM IT AS YOUR CODE CAUSE YOU DIDNT CREATE IT!!!!!
EX:
.new_lounge_wrapper a {
font-family: veranda;
color: red;
font-size: 15pt;
font-weight: normal;
text-decoration: none;
font-style: normal;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
}
.new_lounge_wrapper a.man{
font-family: veranda;
color: red;
font-size: 15px;
font-weight: normal;
text-decoration: none;
font-style: normal;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
}
.new_lounge_wrapper a:visited {
font-family: veranda;
color: red;
font-size: 15px;
font-weight: normal;
text-decoration: none;
font-style: normal;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
}
.new_lounge_wrapper table {
visibility: show!important;
background: transparent!important;
background-color: transparent!important;
border: 0px!important;
}
.new_lounge_wrapper th {
visibility: show!important;
background: transparent!important;
background-color: transparent!important;
border: 0px!important;
}
.new_lounge_wrapper tr {
visibility: show!important;
background: transparent!important;
background-color: transparent!important;
border: 0px!important;
}
.new_lounge_wrapper td {
visibility: show!important;
background: transparent!important;
background-color: transparent!important;
border: 0px!important;
}
.new_lounge_wrapper p {
visibility: show!important;
background: transparent!important;
background-color: transparent!important;
border: 0px!important;
}
**CONTROLS SCROLL BAR IN TOP IN FUBAR SECT**
.new_lounge_wrapper {
visibility: show!important;
display: --!important;
scrollbar-arrow-color: #DAA520;
scrollbar-Track-Color: --;
scrollbar-Highlight-Color: #DAA520;
scrollbar-base-color: #A9A9A9;
scrollbar-Face-Color: --;
scrollbar-Shadow-Color: #DAA520;
scrollbar-DarkShadow-Color: #DAA520;
}
**CONTROLS FUBAR LOGO**
.new_lounge_wrapper div.topheader_wrap_hh_stat {
width: 100%;
height: 25px;
background-color: transparent;
}
**CONTROLS FUBAR LOGO**
.new_lounge_wrapper a.link_hh_sponser {
color: transparent;
}
.new_lounge_wrapper div.topheader_wrap_site_online {
visibility: show!important;
display: show!important;
}
**CONTROLS SCROLLING MEMBERS**
.new_lounge_wrapper div#online_users {
visibility: show!important;
display: show!important;
}
.new_lounge_wrapper div.topheader_menu_wrapper {
visibility: show!important;
display: show!important;
}
***CONTROLS USER PICS***
.new_lounge_wrapper img.user_tn_tiny_nl_notice {
height: 30px!important;
width: 30px!important;
}
**CONTROLS USERS PICS IN SAYBOX2
.new_lounge_wrapper img.user_tn_tiny_nl_shout {
height: 30px!important;
width: 30px!important;
}
**CONTROLS USERS PICS IN ONLINE MEMBERS BOX**
.new_lounge_wrapper img.new_lounge_online_users_grid {
height: 30px!important;
width: 30px!important;
}
.new_lounge_wrapper #fixedtipdiv {
visibility: show!important;
padding: 2px;
border: 5px double red;
width: 300px;
font: normal 12px segoe script;
color: green;
line-height: 18px;
}
.new_lounge_wrapper a:active {
font-family: Sylfaen,sans-serif;
color:#000000;
font-size: 12pt;
font-weight: normal;
text-decoration: none;
font-style: normal;
}
**CONTROLS ALL HOVER IN THE LOUNGE**
.new_lounge_wrapper a:hover {
font-family: Sylfaen,sans-serif;
color: -;
background: url(-----BACKGROUND IMAGE LINK GOES HERE----);
}
.new_lounge_wrapper td.top_right_header {
display: show!important;
}
**LOUNGE OPTIONS MENU**
.new_lounge_wrapper div#new_lounge_opts_div {
visibility: hidden!important;
display: hidden!important;
background: black;
background-color: black;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
border-color: -!important;
border-width: 4px!important;
border-style: solid!important;
width: 20%;
}
**CONTROLS LOUNGE INFO**
.new_lounge_wrapper div#new_lounge_info_div {
visibility: show!important;
display: show!important;
background: black;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-color: black;
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
-khtml-opacity: 0.85;
border-color: #DC143C!important;
border-width: 5px!important;
border-style: double!important;
top: -100px;
width: 25%;
height: %;
}
.new_lounge_wrapper div {
visibility: show!important;
border: 0px solid #;
font-family: Sylfaen,sans-serif;
color: #;
font-size: 10pt;
}
**FOR LOUNGE WRAPPER**
.new_lounge_wrapper div.new_lounge_wrapper {
background-color: transparent;
width: 100%;
}
**CONTROLS STAFF CHAT TEXT**
.new_lounge_wrapper span.new_lounge_staff_shout {
visibility: show!important;
font-color: #DC143C;
color: #DC143C;
font-size: 18pt!important;
font-family: segoe ;
font-weight: bolder!important;
text-decoration: none!important;
}
**CONTROLS MEMBER CHAT TEXT***
.new_lounge_wrapper td.lounge_shout_msg {
font-color: white;
color: white;
font-size: 17pt!important;
font-family: segoe ;
font-weight: bolder!important;
text-decoration: none!important;
}
.new_lounge_wrapper div.new_lounge_motd_div {
text-align: center;
font-size: 30px;
font-weight: bold;
margin: 10px;
top: -1750px;
color: red;
background-color: transparent;
border: 0px solid #888888;
padding: 7;
float: none;
}
**CONTROLS LOUNGE OPTIONS**
.new_lounge_wrapper div.new_lounge_opts_div {
background: transparent;
border-width: 2px!important;
background-color: black;
visibility: hide!important;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-position: center center!important;
background-attachment: scroll;
border: 2px;
}
.new_lounge_wrapper div.new_lounge_info_div {
border: 2px;
}
.new_lounge_wrapper div. {
border: none;
}
**CONTROLS THE WORD SAY***
.new_lounge_wrapper div.new_lounge_shoutbox_enter_data b {
color: #DC143C!important;
font-size: 15pt;
font-family: segoe script;
font-weight: bold;
text-decoration: blink;
}
**CONTROLS SAYBOX1**
.new_lounge_wrapper div.new_lounge_shoutbox_enter_data {
border: transparent;
border-color: #DC143C!important;
border-width: 4px!important;
border-style: double!important;
margin: 10px;
margin-bottom: none;
width: 68%!important;
height: 35px!important;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-position: center!important;
background-attachment: fixed!important;
background-repeat: repeat!important;
background: #000000!important;
background-color: #000000!important;
filter: alpha(opacity=65);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml-opacity: 0.75;
position: relative;
top: -397px!important;
right: -0px;
}
***CONTROLS SAYBOX2***
.new_lounge_wrapper div.new_lounge_shoutbox_div {
border: none;
border-color: #DC143C!important;
border-width: 5px!important;
border-style: double!important;
height: 800px;
width: 68%;
over-flow-y: auto;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-repeat: repeat!important;
background-attachment: repeat!important;
background-position: center center!important;
background: #000000;
background-color: #000000; f
ilter: alpha(opacity=65);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml-opacity: 0.75;
margin: 10px;
scrollbar-base-color: white;
scrollbar-arrow-color: red;
scrollbar-track-color: black;
scrollbar-shadow-color: grey;
scrollbar-lightshadow-color: white;
scrollbar-darkshadow-color: red;
scrollbar-highlight-color: grey;
scrollbar-3dlight-color: white;
position: relative;
top: -415px!important;
right: -0px;
}
***FOR SHARE BUTTON***
.new_lounge_wrapper div#share_div {
visibility: show!important;
display: show!important;
width: auto;
margin: none;
margin-right: 10px;
padding: none;
float: right;
clear: both;
position: relative;
top: -150px;
margin-top: 5px;
}
.new_lounge_wrapper table.share_box {
background-color: black;
border: 0px solid;
padding: 3px;
position: relative;
top: -900px;
100;
}
**FOR DISPLAY OF LEAVE LOUNGE**
.new_lounge_wrapper div.new_lounge_quit_div {
visibility: hidden!important;
display: none!important;
width: auto;
margin: 10px;
margin-right: 10px;
padding: none;
float: right;
clear: right;
position: relative;
top: 0px;
margin-top: 5px;
}
.new_lounge_wrapper textarea {
visibility: show!important;
font-family: segoe script;
color: ;
font-size: 10pt;
font-weight: bold;
font-decoration: none;
font-style: normal;
background-color: white;
filter: alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
-khtml-opacity: 0.90;
}
**CONTROLS THE USER INPUT TYPING IN SAY BOX 1**
.new_lounge_wrapper input {
visibility: show!important;
background: transparent;
filter: alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
-khtml-opacity: 0.90;
font-weight: bold;
font-size: 15pt;
color: red;
}
**CONTROLS WHEN DRINKS ARE BOUGHT IN LOUNGE**
.new_lounge_wrapper td.lounge_round_notice {
visibility: show!important;
display: show!important;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!Important;
background-attachment: scroll!important;
background-repeat: repeat!important;
background-positon: center center!important;
font-size: 14pt;
color: orange!important;
font-weight: bold;
text-decoration: none;
}
**CONTROLS WHEN A USER IS BANNED IN LOUNGE***
.new_lounge_wrapper td.lounge_shout_notice {
visibility: show!important;
display: show!important;
text-align: left;
vertical-align: center;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-attachment: scroll!important;
background-repeat: repeat!important;
background-positon: center center!important;
color: #DC143C!important;
font-weight: bold;
font-size: 12px;
}
**CONTROLS WHEN A USER ENTERS THE LOUNGE**
.new_lounge_wrapper td.lounge_enter_notice {
visibility: show!important;
display: show!important;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-attachment: scroll!important;
background-repeat: repeat!important;
background-positon: center center!important;
font-size: 13pt;
color: #00ff00!important;
position: relative;
font-weight: bold;
text-decoration: -;
}
**CONTROLS WHEN USERS EXIT THE LOUNGE****
.new_lounge_wrapper td.lounge_exit_notice {
visibility: hidden!important;
display: none!important;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-attachment: scroll!important;
background-repeat: repeat!important;
background-positon: center center!important;
font-size: 12pt;
color: yellow!important;
font-weight: bold;
text-decoration: none;
}
*****CONTROLS LOUNGE EMOTES*****
.new_lounge_wrapper td.lounge_shout_emote {
visibility: show!important;
display: show!important;
font-size: 13pt;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-attachment: scroll!important;
background-repeat: repeat!important;
background-positon: center center!important;
color: #00ff00!important; font-weight: bold;
text-decoration: none;
}
****CONTROLS WHEN USERS JOIN THE LOUNGE****
.new_lounge_wrapper td.lounge_shout_subscribe {
visibility: show!important;
display: show!important;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!Important;
background-repeat: repeat!important;
background-positon: center center!important;
background-attachment: scroll!important;
font-size: 14pt;
color: red!important;
font-weight: bold;
text-decoration: none;
}
.new_lounge_wrapper table.lounge_info {
border: 0px;
border-bottom: 0px solid white;
background-color: transparent;
}
**THIS CONTROLS THE LOUNGE INFO WORD IN LOUNGE INFO BOX****
.new_lounge_wrapper th.lounge_info {
font-size: 12pt;
border: 4px;
color: #DC143C;
padding: 5;
font-family: segoe script!important;
font-weight: bold;
border-bottom: 0px;
background-color: transparent;
text-decoration: blink;
}
****LOUNGE INFO DETAILS LIKE TOTAL MEMBERS, CREATED ON, ETC*****
.new_lounge_wrapper td.lounge_info {
font-size: 10pt;
font-family: segoe script;
color: #F8F8FF;
background-color: transparent;
}
***THIS IS CONTROLS LOUNGE OWNER NAME IN LOUNGE INFO!!!***
.new_lounge_wrapper td.lounge_info a {
font-size: 12pt;
font-family: segoe script;
color: #00ff00!important;
text-decoration: blink;
}
****THIS IS FOR ONLINE USERS FOR CHROME AND FIREFOX BROWSERS********
.new_lounge_wrapper div.new_lounge_online_user_list_div {
font-size: 14px;
background: transparent!important;
background-color: transparent!important;
border: show;
border-color: #DC143C!important;
border-width: 4px!important;
border-style: double!important;
text-align: center;
visibility: show!important;
display: show!important;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-attachment: scroll!important;
background-repeat: repeat!important;
background-position: center center!important;
height: 60px;
width: 68%;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml- opacity: 0.75;
overflow-y: auto;
overflow-x: auto;
position: relative;
top: -1355px;
float: left;
margin: 10px;
margin-top: 5px;
clear: left;
left: -0px!important;
}
****THIS IS FOR ONLINE MEMBERS****(HTML DIV FOR IE)*****
.new_lounge_wrapper html div.new_lounge_online_user_list_div {
top: -1205px;
visibility: show!important;
display: show!important;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-attachment: scroll!important;
background-repeat: repeat!important;
background-position: center center!important;
}
.new_lounge_wrapper div.new_lounge_footer {
clear: both;
position: relative;
top: 0px;
}
.new_lounge_wrapper table.admin_menu {
border: 0px solid #990000;
}
***THIS IS FOR LOUNGE OPTIONS***
.new_lounge_wrapper table.lounge_opts {
visibility: show!important;
text-align: left;
border-bottom: none;
}
.new_lounge_wrapper th.lounge_opts {
visibility: show!important;
font-size: 16px;
color: cc00ff;
padding: 5;
font-family: papyrus, comic sans ms;
font-weight: bold;
border-bottom: none;
background-color: transparent;
}
.new_lounge_wrapper td.lounge_opts {
visibility: show!important;
text-align: left:
padding:2;
font-size: 12px;
background-color: none;
}
.new_lounge_wrapper td.lounge_opts a {
color: cc00ff!important;
}
.new_lounge_wrapper div.new_lounge_notice_div {
text-align: center;
margin: auto; color: yellow;
font-weight: bold;
font-size: 16px;
}
*****THIS IS FOR LOUNGE CUSTOM #1*****
.new_lounge_wrapper div.new_lounge_custom1_div {
float: right;
top: -1610px;
right: 0px;
position: relative;
margin: -50px;
clear: right;
left: -55px;
}
*****THIS IS FOR LOUNGE CUSTOM #2*****
.new_lounge_wrapper div.new_lounge_custom2_div {
position: relative;
top: -150px;
margin: 10px;
clear: both;
}
*****THIS IS FOR LOUNGE CUSTOM #3*****
.new_lounge_wrapper div.new_lounge_custom3_div {
position: relative;
float: none;
top: -1125px;
margin: 10px;
clear: both;
}
***THIS CONTROLS MUSIC SECTION******
.new_lounge_wrapper div.new_lounge_music_div {
float: none;
position: relative;
top: -280px;
left: 0%;
margin: 10px;
clear: both;
}
.new_lounge_wrapper span.new_lounge_level_staff {
text-decoration: blink!important;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-repeat: repeat!important;
background-attachment: scroll!important;
background-position: center!important;
font-color: #00FF00!important;
font-weight: bolder;
color: #00FF00!important;
font-size: 16pt!important;
}
*****THIS SECTION BEGINS AND CONTROLS USER AND VIP COLORS!!!!!!*****
.new_lounge_wrapper div.new_lounge_shoutbox_div a.link_userbox_moderator {
font-color: transparent!important;
color: #660066!important;
}
.new_lounge_wrapper div.new_lounge_shoutbox_div a.link_vic_blue {
font-color: transparent!important;
color: #003399!important;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-repeat: repeat!important;
background-attachment: fixed!important;
background-position: center center!important;
}
.new_lounge_wrapper div.new_lounge_shoutbox_div a.link_vic_pink {
font-color: transparent!important;
color: #660066!important;
background-image: url(-----BACKGROUND IMAGE LINK GOES HERE----)!important;
background-repeat: repeat!important;
background-attachment: fixed!important;
background-position: center center!important;
}
.new_lounge_wrapper div.new_lounge_shoutbox_div a.link_top_ten_cherry {
font-color: transparent!important;
color: red!important;
}
.new_lounge_wrapper div.new_lounge_shoutbox_div a.link_newbie {
font-color: transparent!important;
color: green!important;
}
.new_lounge_wrapper div.new_lounge_shoutbox_div a.link_top_referrer {
font-color: transparent!important;
color: #990066!important;
}
.new_lounge_wrapper div.new_lounge_shoutbox_div a.userbox_celebrity {
font-color: transparent!important;
color: #00FFFF!important;
}
.new_lounge_wrapper div.new_lounge_shoutbox_div a.link_userbox_celebrity {
font-color: transparent!important;
color: #00FFFF!important;
}
.new_lounge_wrapper div.new_lounge_shoutbox_div a.link_userbox_supporter {
font-color: transparent!important;
color: #00ff00!important;
}
.new_lounge_wrapper div.new_lounge_shoutbox_div a.link_userbox_family {
font-color: transparent!important;
color: #FFFF00!important;
}
.new_lounge_wrapper div.new_lounge_shoutbox_div a.top_promoter {
font-color: transparent!important;
color: #FFFF00!important;
}
.new_lounge_wrapper div.new_lounge_shoutbox_div a.link_verified_email {
font-color: transparent!important;
color: -!important;
}
DarkNymph