fubar lounge: stone's demo lounge

Stone's Wicked Demo Lounge
(showing some CSS and trooker's viewer-synched video player)
(scroll down to see the source)

leave lounge

stone's demo lounge

Members: 6

Est. Sep 24, 2007

Created by: stone

members

Online: 0

get your trooker viewer-synched player here

What's the big deal here? Every part of the lounge can be resized, relocated, rebordered, made transparent, etc. The "skin" is listed below.

Why trooker? Because they offer a viewer-synched video player--everybody sees the same thing at the same time.

skin: (goes into the "skin" tab after you click "edit lounge")

html, body {
background-image:url(http://full.pca1.fubar.com/04/80/120840/29852298.jpg)!important;
background-position:left!important;
background-attachment:fixed!important;
background-repeat:repeat-y!important;

margin:0px;
padding:0px;
}

div.new_lounge_shoutbox_enter_data {
        position:absolute;
        left:20px;
        top:200px;
        width:320px;
        float:none;
        color:#333333;
}


div.new_lounge_shoutbox_div {
background-color: transparent;
        height: 420px;
        left:30px;
        top:230px;
        width:300px;
        overflow-y: auto;
        position:absolute;
        margin: 10px;

}

div.new_lounge_custom1_div {
        margin:10px;
        width:480px;
        top:200px;
        left:340px;
        border:none;
        text-align:center;
        position:absolute;
        float:none;
        background:0xfffff;
        display:block;
}



div.new_lounge_comments_div {
        display:inline;
        margin:10px;
        width:320px;
        top:500px;
        left:10px;
        border:none;
        text-align:center;
        position:absolute;
        float:none;
}

div.new_lounge_custom2_div {
        position:absolute;
        margin: 40px;
        width:90%;
        left:50px;
        top:700px;
        text-align:center;
        float:none;
        background:0xffffff;
}

div#new_lounge_quit_div {
        margin:10px;
        width:240px;
        top:200px;
        left:810px;
        text-align:center;
        position:absolute;
        float:none;
}

div#share_div {
        margin:10px;
        width:240px;
        top:580px;
        left:810px;
        text-align:center;
        position:absolute;
        float:none;
}

div#new_lounge_info_div {
        margin:10px;
        width:240px;
        top:230px;
        left:810px;
        text-align:center;
        position:absolute;
        float:none;
}

div#new_lounge_opts_div {
        margin:10px;
        width:240px;
        top:340px;
        left:810px;
        text-align:center;
        position:absolute;
        float:none;
}

div#new_lounge_online_user_list_div {
        margin:10px;
        width:240px;
        height:110px;
        top:440px;
        left:810px;
        text-align:center;
        position:absolute;
        float:none;
}