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. /* changes all link colors */ a, a.man, a:visited{ font-family: arial, arial, arial; color: -; font-size: 10pt; font-weight: normal; text-decoration: none; font-style: normal; /*cursor: url(http://www.htmate.com/cursors/images/blue_lightning.ani);*/ } /* Changes all active links */ a:active{ font-family: arial, times new roman, san sarif; color: -; font-size: 10pt; font-weight: normal; font-style: normal; text-decoration: none; } /* changes all hovered links */ a:hover { color: red!important; font-family: Vivaldi; font-size: 12pt; font-weight: bold; background-image: url(''); } /* changes all hovered images */ a:hover img { filter: invert; } img { filter: glow(color=ccffff , strength=3); } p img{ filter: chroma(color=black); } /* Say Box */ div.new_lounge_shoutbox_enter_data{ border: 0px solid orange; /*border-color: -!important; border-width: 0px!important; border-style: solid!important;*/ margin: 10px; margin-bottom: none; /*padding: 3px;*/ width: 75%; height: 30px; background-image: url('')!important; background-position: center!important; background-attachment: fixed!important; background-repeat: repeat!important; position: relative; top: -315px; } form#new_lounge_enter_data_form input { width: 90%; color: -; background: white; background-color: white; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; -khtml-opacity:0.75; } /* Changes the Chat Box */ div.new_lounge_shoutbox_div { /*border: 0px solid orange;*/ border-color: orange!important; border-width: 2px!important; border-style: ridge!important; height: 700px; width: 70%; overflow-y: auto; margin: 10px; background: black; background-color: black; position: relative; top: -325px; filter: alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; -khtml-opacity:0.95; 0; /* changes chat scroll-bars */ scrollbar-arrow-color: gold; scrollbar-Track-Color:; scrollbar-Highlight-Color: gold; scrollbar-base-color: silver; scrollbar-Face-Color:; scrollbar-Shadow-Color: gold; scrollbar-DarkShadow-Color: gold; } /* lounge entry */ td.lounge_enter_notice{ font-size: 12px; color: yellow; } /* lounge exit */ td.lounge_exit_notice{ visibility: hidden!important; display: none!important; } /* emotes */ td.lounge_shout_emote { font-size: 12px; color: yellow; } /* Subscribe */ td.lounge_shout_subscribe { font-size: 12px; color: yellow; } /* Changes all the Divs in the Lounge */ div { visibility: show!important; font-family: papyrus, comic sans ms; color: -; font-size: 10px; } /* Changes the Lounge Wrapper */ div.new_lounge_wrapper{ background-color: transparent; width: 100%; } /* text set-up for text you say in the chat box */ div.new_lounge_shoutbox_div div, div.new_lounge_shoutbox_div td{ font-family: papyrus, cosmic sans ms; font-color: transparent!important; color: -;!important; font-size: 10pt; font-weight: bold!important; text-decoration: none!important; } /* Changes The Motd in the Lounge */ div.new_lounge_motd_div{ text-align: center; font-size: 18px; font-weight: bold; margin: 10px; color: -; background-color: transparent; border: 0px solid white; padding: 4; float: none; } /* Changes the shout of all staff members */ span.new_lounge_staff_shout{ visibility: show!important; font-color: transparent!important; color: #FFFF00; font-size: 10pt!important; font-family: papyrus,comic sans ms; font-weight: bold!important; text-decoration: none!important; } /* Changes box inside edit lounge */ textarea{ visibility: show!important; font-family: papyrus,cosmic sans ms; color: red; font-size: 10pt; font-weight: bold; font-decoration: none; font-style: normal; background-color: white; filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; -khtml-opacity:0.75; } /* Share Link */ div#share_div { position: relative; width: auto; margin: none; margin-right: 10px; padding: none; float: right; clear: both; } table.share_box { background-color: black; border: 1px solid green; padding: 3px; position: relative; top: -50px; } a.share_link{ visibility: hidden!important; display: none!important; width: auto; margin: none; margin-right: 10px; padding: none; float: right; clear: both; position: relative; top: 0px; float: right; margin: 10px; margin-top: 5px; clear: right; } /* Changes the Music Section of the Lounge */ div.new_lounge_music_div{ margin: 10px; left: 30px; border: none; text-align: center; float: none; } /* Changes the text in the chatbox */ td.lounge_shout_notice{ text-align: left; vertical-align: center; color: -; font-weight: bold; font-size: 12px; } /* Leave Lounge */ div.new_lounge_quit_div{ top: 90px; } /* Changes the Lounge Info Table */ div.new_lounge_info_div{ background: black!important; top: 100px; background-color: black!important; filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; -khtml-opacity:0.75; } div#new_lounge_info_div { border: 1px solid orange; /*border-bottom: none;*/ position: relative; float: right; /*width: 250px;*/ width: 26%; margin: 10px; margin-bottom: 5px; padding: none; clear: right; display: block; overflow-x: hidden; } th.lounge_info{ font-size: 16px; color: red; padding: 5; font-family: papyrus,cosmic sans ms; font-weight: bold; border-bottom: 1px solid white; } td.lounge_info{ font-size: 12px; color: white; } /* Changes the Lounge Options Table */ div.new_lounge_opts_div{ background: black!important; top: 100px; background-color: black!important; filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; -khtml-opacity:0.75; } div#new_lounge_opts_div { border: 1px solid orange; /*border-top: none;*/ position: relative; /*width: 250px;*/ width: 26%; float: right; margin: 10px; margin-top: 5px; margin-bottom: 5px; padding: none; clear: both; display: block; } th.lounge_opts{ font-size: 16px; color: red; padding: 5; font-family: papyrus,cosmic sans ms; font-weight: bold; border-bottom: 1px solid white; } td.lounge_opts{ text-align: left: padding: 5; font-size: 12px; } td.lounge_opts a{ color: -!important; } /* Show User's List */ div.new_lounge_online_user_list_div { font-size: 14px; background: black!important; background-color: black!important; border: 1px orange solid; text-align: center; height: 200px; /*width: 250px;*/ width: 26%; filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; -khtml-opacity:0.75; overflow-y: auto; overflow-x: auto; position: relative; top: 90px; right: 50px; float: right; margin: 10px; margin-top: 5px; clear: right; 0; border-collapse: collapse; } /* Changes the Bottom part of the page */ div.new_lounge_footer { clear: both; position: relative; top: -200px; } /* important chat room notices to user such as that they've been silenced */ div.new_lounge_notice_div { text-align: center; margin: auto; color: -; font-weight: bold; font-size: 16px; } td.lounge_shout_msg{ text-align: left; vertical-align: bottom; color: -; font-size: 10pt; } /* changes the transparency of every table table, th, tr, td, p{ visibility: show!important; background: transparent!important; background-color: transparent!important; border: none!important; }*/ This is all the User Colors can be used within the skin but for backgrounds on the names ya have to move them to motd /* Begin User Colors */ /* changes link color of bouncers */ div.lounge_shoutbox a.link_userbox_moderator { font-color:transparent!important; color:#FFA500!important; } /* changes link color of vip blue's */ div.new_lounge_shoutbox_div a.link_vic_blue { font-color:transparent!important; font-weight:bold; color:#6699ff!important; } /* changes link color of old level 20 members */ div.new_lounge_shoutbox_div a.link_top_points_level{ font-color:transparent!important; color:-!important; } /* changes link color of vip pink's */ div.new_lounge_shoutbox_div a.link_vic_pink { font-color:transparent!important; color:#ff99cc!important; } /* changes link color of lifetime cherrys */ div.new_lounge_shoutbox_div a.link_top_ten_cherry { font-color:transparent!important; color:#6666ff!important; } /* changes link color of new users */ div.new_lounge_shoutbox_div a.link_newbie { font-color:transparent!important; color:green!important; } /* changes link color of top referrers */ div.new_lounge_shoutbox_div a.link_top_referrer { font-color:transparent!important; color:#DA70D6!important; } /* changes link color of rising stars */ div.new_lounge_shoutbox_div a.userbox_celebrity { font-color:transparent!important; color:#00FFFF!important; } /* changes link color of celebrities/ambassadors */ div.new_lounge_shoutbox_div a.link_userbox_celebrity { font-color:transparent!important; color:#00FFFF!important; } /* changes link color of supporters */ div.new_lounge_shoutbox_div a.link_userbox_supporter { font-color:transparent!important; color:#00ff00!important; } /* changes link color of family */ div.new_lounge_shoutbox_div a.link_userbox_family { font-color:transparent!important; color:#FFFF00!important; } /* changes link color of top promoters */ div.new_lounge_shoutbox_div a.top_promoter { font-color:transparent!important; color:#FF0000!important; } /* changes link color of V.E. users */ div.new_lounge_shoutbox_div a.link_verified_email { font-color:transparent!important; color:-!important; } /* End User Colors */ /*Everything above this line goes into the skin section of edit lounge*/ /*Everything below this line goes into the motd section of edit lounge*/ <style type="text/css"> /* Places Background In Lounge */ body{ visibility: show!important; background-image: url('URL to image here')!important; /*background-repeat: repeat!important;*/ background-repeat: no-repeat!important; background-attachment: fixed!important; background-position: center center!important; /* changes outer scroll-bars */ scrollbar-arrow-color: gold; scrollbar-Track-Color:; scrollbar-Highlight-Color: gold; scrollbar-base-color:silver; scrollbar-Face-Color:; scrollbar-Shadow-Color: gold; scrollbar-DarkShadow-Color: gold; } /* user tooltips */ #fixedtipdiv{ visibility: show!important; padding: 2px; border: 0px solid #990000; font: normal 10px Verdana; line-height: 15px; color: red; background: transparent; background-color: transparent; background-image: url('URL to image here')!important; background-position: center center!important; } .lounge_tooltip_border { background-image: url('URL to image here')!important; background-repeat: repeat!important; background-position: center!important; background-attachment: fixed!important; border: 1px solid gray; } .lounge_tooltip_border_member { background-image: url('URL to image here')!important; background-repeat: repeat!important; background-position: center!important; background-attachment: fixed!important; border:2px solid #e0ffa0; padding:1px; } .lounge_tooltip_border_staff { background-image: url('URL to image here')!important; background-repeat: repeat!important; background-position: center!important; background-attachment: fixed!important; border: 3px solid orange; padding: 2px; } /* Places Background within Chatbox */ div.new_lounge_shoutbox_div { visibility: show!important; background-image: url('URL to image here')!important; background-attachment: fixed!important; background-position: center!important; background-repeat: no-repeat; } </style> White Text: Part of the code ya Don't Change Gold: Part of the code ya can change just be sure ya know what ur doing before ya change it If ya have any questions or need any help either leave a comment in this blog, shoutbox me or send me a message i return all calls. I'll have more helpful blogs up later when I'm free. |
||||
|