Over 16,531,538 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  |  196 followers
(How To) Lounge Template 1

The below code works in all lounges and is set for a 1024 * 768 resolution moniter setting. All coding is pre-made any editing can be done either by yourself or by one of Fubar's Volunteer Coders. If you choose to go with a Volunteer Coder please give them at least 72 hours to respond as they are very busy and can have anywhere between 2 and 20 lounges for the day already. As stated this Blog is for Basic Lounge Skinning. Below is the CSS(Cascading Style Sheet) code for the Lounges. I took the original coding from a link reference(Able to download just click the link) and tweaked it a bit to suit everyones needs for the Lounge. All are labeled as to what they do.

Please note: When Adding this code it will revert to the set codes Fubar has installed.

The Below Codes are Coded in a fashion to tell me what it does..
Please Do Not Steal My Codes and claim them as your Own..

If the text below is marked with a red * that means that part of the code you Do Not Change.

* Green Text: Used Primarly for CSS Notes.

* Yellow Text: Commonly known as the class.

* Cyan Text: Used primarly for the class structure.

Gold: The Portion you can change


* White Text: Works For Trident_Shelled Browsers

* Lime Text: Works for Webkit_Based Browsers

* Red Text: Works for Gecko_Based Browsers


For a comprehensive list of Browsers

Click This Link



/*Everything Below These Lines Goes Into The Skin Section Of Edit Lounge*/



CHS

/*Controls Overall Lounge Page*/
.new_lounge_wrapper{
visibility: visible;
background-image: url('URL to image here');
background-size: 100% 100%;
background-attachment: fixed;
background-position: 0% 0%;
background-repeat: no-repeat;
}

/* Controls The Tables Transparency*/
table{
background-color: transparent;
}

/*Begin_Main_Lounge_Functions*/
/*Controls_Main_Lounge_MOTD_Area*/
div.new_lounge_motd_div{
visibility: visible;
}

/*Controls_All_Hovered_Links*/
a:hover{
font-family: arial,times new roman,san sarif;
}

/*Controls_Lounges_TextArea's*/
textarea{
visibility: visible;
font-family: inherit;
color: inherit;
font-size: 10pt;
font-weight: bold;
background-color: #F8F8FF;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/*Begin_Outer_Chat_Box_Functions*/
/*Controls_The_Say_Box*/
div.new_lounge_shoutbox_enter_data{
visibility: visible;
border-top: 2px groove #FFA500;
border-left: 2px groove #FFA500;
border-right: 2px ridge #FFA500;
border-bottom: 2px ridge #FFA500;
width: 70%;
height: 30px;
position: relative;
top: -280px;
right: -5px;;
~top: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
form#new_lounge_enter_data_form input{
width: 90%;
color: inherit;
background-color: #F8F8FF;
font-size-adjust: 0.58;
color: rgb(0,0,0);
}
/*Controls_The_Chat_Box*/
div.new_lounge_shoutbox_div{
visibility: visible;
border-top: 2px groove #FFA500;
border-left: 2px groove #FFA500;
border-right: 2px ridge #FFA500;
border-bottom: 2px ridge #FFA500;
height: 800px;
width: 70%;
overflow-y: scroll;
overflow-x: auto;
Coded-By: Stevens~398528;
background-color: #000000;
position: relative;
top: -270px;
~top: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1.00;
-khtml-opacity: 1.0;
opacity: 1.0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/*Controls_Staff_Text*/
span.new_lounge_staff_shout{
visibility: visible;
color: rgba(255,255,0,1.0);
~color: rgb(255,255,0);
font-size: 12pt;
font-family: arial, times new roman, san sarif;
font-weight: bold;
text-decoration: underline;
}
/*Controls_Non-Staff_Text*/
td.lounge_shout_msg{
visibility: visible;
color: rgb(248,248,255);
text-align: left;
vertical-align: bottom;
font-size: 10pt;
font-family: arial, times new roman, san sarif;
font-weight: bold;
text-decoration: none;
}
/*End_Outer_Chat_Box_Functions*/

/*Begin_Inner_Chat_Box_Functions*/
/*Controls_Enter*/
td.lounge_enter_notice{
font-size: 11pt;
color: #FF0000;
font-family: arial, times new roman, san sarif;
/*Controls_Background_Element*/
background-image: url('URL to image here');
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
}
/*Controls_Exit*/
td.lounge_exit_notice{
font-size: 11pt;
color: #FF0000;
font-family: arial, times new roman, san sarif;
/*Controls_Background_Element*/
background-image: url('URL to image here');
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
}
/*Controls_Drinks*/
td.lounge_round_notice{
font-size: 11pt;
color: #FF0000;
font-family: arial, times new roman, san sarif;
/*Controls_Background_Element*/
background-image: url('URL to image here');
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
}
/*Controls_Emotes*/
td.lounge_shout_emote{
font-size: 11pt;
color: #FF0000;
font-family: arial, times new roman, san sarif;
/*Controls_Background_Element*/
background-image: url('URL to image here');
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
}
/*Controls_Subscribe*/
td.lounge_shout_subscribe{
font-size: 11pt;
color: #FF0000;
font-family: arial, times new roman, san sarif;
/*Controls_Background_Element*/
background-image: url('URL to image here');
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
}
/*Controls_Staffs_Message*/
td.lounge_shout_notice{
font-size: 11pt;
color: #FF0000;
font-family: arial, times new roman, san sarif;
}
/**/
/*Controls_Display_Message*/
div.new_lounge_notice_div{
font-size: 11pt;
color: #FF0000;
font-family:arial, times new roman, san sarif;
}
/*Controls_Lounge_Info_Table*/
div#new_lounge_info_div {
border-top: 2px groove #FFA500;
border-left: 2px groove #FFA500;
border-right: 2px ridge #FFA500;
border-bottom: 2px ridge #FFA500;
position: relative;
float: right;
width: 25%;
overflow-x: hidden;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
td.lounge_info{
background-color: transparent;
color: #F8F8FF;
}
td.lounge_info a{
color: inherit;
}
/*Controls_Lounge_Options_Table*/
div#new_lounge_opts_div {
border-top: 2px groove #FFA500;
border-left: 2px groove #FFA500;
border-right: 2px ridge #FFA500;
border-bottom: 2px ridge #FFA500;
position: relative;
float: right;
width: 25%;
overflow-x: hidden;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
td.lounge_opts{
background-color: transparent;
color: #F8F8FF;
}
td.lounge_opts a{
color: inherit;
}
/*Controls_Lounge_Members_List*/
div.new_lounge_online_user_list_div{
border-top: 2px groove #FFA500;
border-left: 2px groove #FFA500;
border-right: 2px ridge #FFA500;
border-bottom: 2px ridge #FFA500;
Coded-By: Stevens~398528;
background-color: #000000;
height: 200px;
width: 25%;
overflow-y: auto;
overflow-x: auto;
position: relative;
top: -40px;
~top:-10px;
float: right;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/*Controls_Music_Section*/
div.new_lounge_music_div{
left: 30px;
align: center;
float: none;
}


/*Everything Above These Lines Goes Into The Skin Section Of Edit Lounge*/



CHS

For an In-Depth View of how each lounge class is implemented Please See (How To) Lounge Functions

For an In-Depth View of what "Fubars Lounges Settings" look like Please See (How To) Lounge Settings

* Please Note: Due to the limitations of this blog I have only added the most Basic Functions.


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



© This blog is subject to change at any given time

© This blog has a copyright notice. It cannot be copied unless given permission by its owner

Please take the time to send Stevens a fu-gift, a fu-bling or whatever is necessary to thank him for writing this code...




Copyright© Lounge Template 1™ ~ All Rights Reserved
Updated Blog: 05/27/2017 - 00:25 EST
Blog Designed/Moderated by: §tevens
click tracking
Leave a comment!
html comments NOT enabled! comment approval required.
NOTE: If you post content that is offensive, adult, or NSFW (Not Safe For Work), your account will be deleted.[?]

giphy icon
last post
2 years ago
posts
36
views
216,340
can view
everyone
can comment
everyone
atom/rss

followers

522051  
Sabia  
kini  
ExPhillyFinst369  Green EyeI wish Fubar would notify me when people deleted me, tha...
Pain  
Plato  
birdie QUEEN of the ...  HeartbrokenThank you all for being you..muahzzz
StrivingTDS  Onlineshitface ? pimpout? Hummer? ??
Klonopin Kisses  Stepped awayHappy Birthday ChamucoAzul!!!
NbN  
DR Coo  
Alexa  
MFKN TexasHoney FE2 ...  In loveohh Just say the little fire bling...he is so cute ❤Sn...
Damitt  
Gypsy  
Keres  
MD  
Mr Salt fm2 KotaBlu  EvilYeahhh, I could hide in the eye of the storm and never b...
HDxx  
JBAD  
Aryes  
Bee  
zyk  
Mooney  
SALT  
Joy  
JB  
CALI  
Kay  
Jack  
Neil  
geno71  
Autumn Silvermoon DNO  Blazing1 HOUR LEFT ON THE ROCKSTAR & 2 HOURS ON THE LIKEALIZER....
PEACHES  GoofyAppreciate and embrace Everyday, everyday
DMAN1973 OG  BlazingMy first status of the New Year! I'm happy to have frien...

other blogs by this author

 1 year ago
Fu-Pastor_Blog
official fubar blogs
 8 years ago
fubar news by babyjesus  
 13 years ago
fubar.com ideas! by babyjesus  
 10 years ago
fubar'd Official Wishli... by SCRAPPER  
 11 years ago
Word of Esix by esixfiddy  

discover blogs on fubar

blog.php' rendered in 0.372 seconds on machine '192'.