| (How To) Basic_Lounge_Skin {Updated} |
| created @ 2009-08-13 02:33:53 |
|
| |
| 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 Lounge Volunteer's. If you choose to go with a Lounge Volunteer 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.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.. |
White Text: Part of the code works for Internet Explorer Don't Change.
Yellow Text: Used to position the table's tr's td's span's & div's in the lounge.
Green Text: Notes on the different parts of each Lounge Class.
Red Text: Another part of the code you Don't Change.
Gold: Part of the code ya can Change.
Cyan Text: Style Codes for the individual Lounge Classes Do Not Change. |
| /* Lounge Coded By: Whoever Coded Lounge */
/* Lounge Code Written By: Stevens~Fubar_Lounge_Designer*/
html, #pagecontent{
visibility: visible!important;
display: show!important;
} | /* Controls Happy Hour Area */
div.topheader_wrap_hh_stat{
width: 100%;
background-color: #000000;
}
a.link_hh_sponser{color: #F8F8FF;}
div.topheader_wrap_site_online{
visibility: visible!important;
display: show!important;
}
/* Controls Online Members */
div#online_users{
visibility: visible!important;
display: show!important;
}
/* Controls Menu Area */
div.topheader_menu_wrapper{
visibility: visible!important;
display: visible!important;
}
div.chromestyleleft a{color: #F8F8FF;}
div.chromestyleright a{color: #F8F8FF;}
div.dropmenudiv a{color: #F8F8FF;}
/* Controls (Bar Tab / Shout Box / Blast Box) Area */
div.topheader_box_wrapper{
visibility: visible!important;
display: show!important;
}
/* Controls Bar Tab Area*/
div.alert_box_scroll{}
div.alert_box_scroll_content{}
td.alerts{}
/* Controls Shout Box Area */
div.shout_box_scroll{}
div.shout_box_scroll_content{}
div.shout_box{}
td.shout_msg{}
/* Controls Blast Box Area */
div#blast{}
/* Controls Scrolling Ticker */
div.mgticker_wrapper{
visibility: visible!important;
display: show!important;
} | /* Controls The Tables Transparency
th, tr, td, p {
visibility: visible!important;
background-color: transparent!important;
border: none!important;
}*/ | /* Begin Lounge Tooltip Functions */
/* Controls Fubar's Tooltip */
#fixedtipdiv{
visibility: visible!important;
padding: 2px;
border: 0px;
width: 300px;
font-style: normal;
font-size: 12px;
font-family: Verdana;
line-height: 18px;
color: #FF0000;
}
/* Controls Staff Tooltip Name */
span.new_lounge_level_staff{
color: #FFA500;
font-size: 14pt;
font-weight: bold;
font-variant: small-caps;
}
/* Controls Visitor/Member Toolitp Name*/
span.new_lounge_level_member{
color: #808080;
font-size: 14pt;
font-weight: bold;
font-variant: small-caps;
}
/* Tooltip Borders */
.lounge_tooltip_border{
border: 2px groove #FFA500;
}
.lounge_tooltip_border_member{
border: 4px groove #FFA500;
padding: 1px;
}
.lounge_tooltip_border_staff{
border: 6px groove #FFA500;
padding: 2px;
}
/* End Lounge Tooltip Functions*/ |
/* Begin Main Lounge Functions */
/* Controls Main Lounge Wrapper */
div.new_lounge_wrapper{
background-color: transparent;
width: 100%;
}
/* Conotrols Main Lounge MOTD Area */
div.new_lounge_motd_div{
visibility: visible!important;
display: show!important;
text-align: center;
font-size: 18pt;
font-weight: bold;
margin: 10px;
color: none!important;
background-color: transparent;
border: 0px solid #F8F8FF;
padding: 4;
float: none;
}
|
/*Begin Main Link/Textbox Functions */
/* Controls Every Link in Lounge */
a, a.man, a:visited{
color: none!important;
font-size: 10pt;
text-decoration: none;
}
/* Controls All Active Links */
a:active{
color: none!important;
font-size: 10pt;
text-decoration: none;
}
/* Controls All Hovered Links */
a:hover{
color: none!important;
font-family: papyrus,comic sans ms;
font-size: 10pt;
font-weight: bold;
}
/* Controls All Lounge TextArea's */
textarea{
visibility: visible!important;
display: show!important;
font-family: arial, times new roman, san sarif;
color: #FF0000!important;
font-size: 10pt;
font-weight: bold;
font-decoration: none;
font-style: normal;
background-color: #F8F8FF;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml-opacity: 0.75;
}
/*End Main Link/Textbox Functions */ |
/*Begin Chat Box Functions */
/* Controls The Say Box */
div.new_lounge_shoutbox_enter_data{
visibility: visible!important;
display: show!important;
border: 0px solid #FFA500;
margin: 10px;
margin-bottom: none;
width: 70%;
height: 30px;
position: relative;
top: -315px;
}
form#new_lounge_enter_data_form input{
width: 90%;
color: none!important;
background-color: #F8F8FF!important;
}
/* Controls The Chat Box */
div.new_lounge_shoutbox_div{
visibility: visible!important;
display: show!important;
border-color: #FFA500!important;
border-width: 2px!important;
border-style: groove!important;
height: 800px;
width: 70%;
overflow-y: scroll;
overflow-x: auto;
margin: 10px;
background-color: #000000;
position: relative;
top: -325px;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml-opacity: 0.75;
white-space:wrap;
}
/* Controls The Text Within The Chatbox */
div.new_lounge_shoutbox_div a{
text-decoration: none!important;
text-transform: none!important;
}
div.new_lounge_shoutbox_div div, div.new_lounge_shoutbox_div td{
font-family: arial, times new roman, san sarif;
color: inherit!important;
font-size: 11pt!important;
font-weight: inherit!important;
text-decoration: none!important;
}
/* Controls Non-Staff Text*/
td.lounge_shout_msg{
text-align: left;
vertical-align: bottom;
color: #F8F8FF!important;
font-size: 11pt;
}
/* Controls Staff Text */
span.new_lounge_staff_shout{
color: #be7145!important;
zoom: 100%;
font-size: 11pt!important;
font-family: calligraph421 BT;
font-weight: bold!important;
text-decoration: none!important;
}
/**/
/* Enter */
td.lounge_enter_notice{
font-size: 11pt;
color: #FF0000!important;
font-family: arial, times new roman, san sarif;
}
/* Exit */
td.lounge_exit_notice{
visibility: hidden!important;
display: none!important;
font-size: 11pt;
color: #FF0000!important;
font-family: arial, times new roman, san sarif;
}
/* Drinks */
td.lounge_round_notice{
font-size: 11pt;
color: #FF0000!important;
font-family: arial, times new roman, san sarif;
}
/* Emotes */
td.lounge_shout_emote{
font-size: 11pt;
color: #FF0000!important;
font-family: arial, times new roman, san sarif;
}
/* Subscribe */
td.lounge_shout_subscribe{
font-size: 11pt;
color: #FF0000!important;
font-family: arial, times new roman, san sarif;
}
/* Controls Staffs Message */
td.lounge_shout_notice{
font-size: 11pt;
color: #FF0000!important;
font-family: arial, times new roman, san sarif;
}
/**/
/* Controls Display Message */
div.new_lounge_notice_div{
text-align: center;
margin: auto;
color: inherit!important;
font-weight: bold;
font-size: 16px;
}
| /* Controls Lounge Info Table */
div#new_lounge_info_div {
border: 2px groove #FFA500;
position: relative;
float: right;
width: 25%;
margin: 10px;
margin-bottom: 5px;
padding: none;
clear: right;
display: block;
overflow-x: hidden;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml-opacity: 0.75;
}
td.lounge_info{
background-color: transparent!important;
color: #F8F8FF!important;
}
td.lounge_info a{
color: inherit!important;
}
| /* Controls Lounge Options Table */
div#new_lounge_opts_div{
border: 2px groove #FFA500;
position: relative;
width: 25%;
float: right;
margin: 10px;
margin-top: 5px;
margin-bottom: 5px;
padding: none;
clear: both;
display: block;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
- khtml-opacity: 0.75;
}
td.lounge_opts{
font-size: 12px;
background-color: transparent!important;
}
td.lounge_opts a{
font-weight: bold!important;
color: inherit!important;
}
| /* Controls Lounge Members for Mozilla */
div.new_lounge_online_user_list_div{
font-size: 14px;
background-color: #000000!important;
border: 1px #FFA500 groove;
text-align: center;
height: 200px;
width: 25%;
overflow-y: auto;
overflow-x: auto;
position: relative;
top: -50px;
float: right;
clear: right;
}
/* Works for Internet Explorer */
*html div.new_lounge_online_user_list_div{
top: -10px;
}
| /* Controls Music Portion */
div.new_lounge_music_div{
left: 30px;
align: center;
float: none;
}
/* Controls Footer Menu */
div.new_lounge_footer{
clear: both;
position: relative;
top: 0px;
}
|
| |
/*Everything above these lines goes into the skin section of edit lounge*/
/*Everything below these lines goes into the motd section of edit lounge*/
<style type="text/css">
/* Lounge Coded by ?Whoever coded the lounge? */
/* Lounge Code Written By: Stevens~Fubar_Lounge_Designer*/
/* Controls The Lounge's Background Image */
html, #pagecontent{
background-image: url('URL to image here')!important;
stress: 75;
background-repeat: repeat!important;
background-attachment: fixed!important;
background-position: center center!important;
}
</style> |
|
| © 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
™If you decide to use this Code, Please Leave the (/* Lounge Code Written By: Stevens~Fubar Lounge Designer*/) on the top of the codes.. Thanks Stevens³
Anyone wishing to not code their lounge can contact a Lounge Volunteer.
If you have any questions, comments, concerns, problems or difficulties you can either message Stevens³ or a Fubar Volunteer |
|
| Edits (All Times are Military Standard): |
|---|
| 05/01/2009, 01:49 PST: Created Blog. | | 05/24/2009, 23:12 PST: Updated Blog to better suit Terms Of Service / Bible Policies. | | 08/13/2009, 03:30 PST: Added fix for Lounge Background and Top Header Stuff. |
|
|
|
|
| 1084 views | 5 comments | 0 ratings |
|
|
♥Italian Princess♥
