Version Zone - New CSS

auto;">

NEW CSS DESIGN BY G-MASTI

Habbo-Design (CSS für Profis)
Das Copyright kann natürlich aus der 2. linken Box entfernt werden!

Text über dem Design

<div id="Background"></div>     <style type="text/css"> ul#nav{display:none;} </style>     <style type="text/css" media="screen"> <!--
body
{
font-family: Camic Sans MS, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 7px;
}

div.menu
{
position: absolute;
z-index: 3;
top:308px;
left: 45%;
margin-left:-357px;
width:825px;
}

.menu li
{
width: 164px;
float: left;
}

.menu a
{
border: 0px solid transparent;
background-color: transparent;
background-image: url(https://img.webme.com/pic/y/yvonnes-testpage/button_habbo.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 25px;
color: #000000;
}

.menu a:hover
{
background-color: transparent;
background-image: url(https://img.webme.com/pic/y/yvonnes-testpage/button_habbo.png);
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 164px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 7px;
border-top: 0px;
cursor: pointer;
color: #000000;
}
//-->  </style>  <script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script> <div class="menu"> <li><a href="http://   " _fcksavedurl="http://   ";>Home</a></li> <li><a onmouseout_fckprotectedatt=" onmouseout="cache('smenu2');"" onmouseover_fckprotectedatt=" onmouseover="montre('smenu2');"" href="javascript:void(0);" _fcksavedurl="javascript:void(0);">Seitenname</a> <ul onmouseout_fckprotectedatt=" onmouseout="cache('smenu2');"" onmouseover_fckprotectedatt=" onmouseover="montre('smenu2');"" id="smenu2">     <li><a href="http://   " _fcksavedurl="http://   ">Seitenname</a></li> </ul> </li> <li><a onmouseout_fckprotectedatt=" onmouseout="cache('smenu3');"" onmouseover_fckprotectedatt=" onmouseover="montre('smenu3');"" href="javascript:void(0);" _fcksavedurl="javascript:void(0);">Seitenname</a> <ul onmouseout_fckprotectedatt=" onmouseout="cache('smenu3');"" onmouseover_fckprotectedatt=" onmouseover="montre('smenu3');"" id="smenu3">     <li><a href="http://   " _fcksavedurl="http://   ">Seitenname</a></li> </ul> </li> <li><a onmouseout_fckprotectedatt=" onmouseout="cache('smenu4');"" onmouseover_fckprotectedatt=" onmouseover="montre('smenu4');"" href="javascript:void(0);" _fcksavedurl="javascript:void(0);">Seitenname</a> <ul onmouseout_fckprotectedatt=" onmouseout="cache('smenu4');"" onmouseover_fckprotectedatt=" onmouseover="montre('smenu4');"" id="smenu4">     <li><a href="http://   " _fcksavedurl="http://   ">Seitenname</a></li> </ul> </li> <li><a onmouseout_fckprotectedatt=" onmouseout="cache('smenu5');"" onmouseover_fckprotectedatt=" onmouseover="montre('smenu5');"" href="javascript:void(0);" _fcksavedurl="javascript:void(0);">Seitenname</a> <ul onmouseout_fckprotectedatt=" onmouseout="cache('smenu5');"" onmouseover_fckprotectedatt=" onmouseover="montre('smenu5');"" id="smenu5">     <li><a href="http://   " _fcksavedurl="http://   ">Seitenname</a></li> </ul> </li> </div>    <div id="footer1" ></div>    <div id="footer2" ><br /><div align="center"><a href="http://yvonnes-testpage.de.tl/G.ae.stebuch.htm" _fcksavedurl="http://yvonnes-testpage.de.tl/G.ae.stebuch.htm">Gästebuch</a><br /> <br /> <img width="92" height="93" src="https://img.webme.com/pic/y/yvonnes-testpage/gaestebuch.gif" _fcksavedurl="https://img.webme.com/pic/y/yvonnes-testpage/gaestebuch.gif" alt="" /><br /> <br /> <a href="http://yvonnes-testpage.de.tl/Kontakt.htm" _fcksavedurl="http://yvonnes-testpage.de.tl/Kontakt.htm"> Kontakt</a></div></div>    <div id="footer3" ><div align="center"><font size="2" color="#0099cc"><span style="font-weight: bold;"><br /> <br /> Copyright:<br /> Yvonnes Memoirs<br /> <br /> Erstellt:<br /> 10. August 2008</span></font></div></div>   <div id="footer4" ><br /> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width='270' height='25' id="mp3" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name='movie' value='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/HabboTVTheme.mp3&txt=by Habbo-Talk.net Habbo Song [HabboTVTheme]&bgcolor=#ffffff' />
<param name='quality' value='high' />
<param name='bgcolor' value='#ffffff' /><embed src='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/HabboTVTheme.mp3&txt=by Habbo-Talk.net Habbo Song [HabboTVTheme]&bgcolor=#ffffff' quality='high' bgcolor='#ffffff' width='270' height='17' name='mp3' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width='270' height='25' id="mp3" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name='movie' value='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/Habbo_Xmas_loop.mp3&txt=by Habbo-Talk.net Habbo Song [Habbo_Xmas_loop]&bgcolor=#ffffff' />
<param name='quality' value='high' />
<param name='bgcolor' value='#ffffff' /><embed src='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/Habbo_Xmas_loop.mp3&txt=by Habbo-Talk.net Habbo Song [Habbo_Xmas_loop]&bgcolor=#ffffff' quality='high' bgcolor='#ffffff' width='270' height='17' name='mp3' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width='270' height='25' id="mp3" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name='movie' value='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/HabboExperienceGroove.mp3&txt=by Habbo-Talk.net Habbo Song [HabboExperienceGroove]&bgcolor=#ffffff' />
<param name='quality' value='high' />
<param name='bgcolor' value='#ffffff' /><embed src='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/HabboExperienceGroove.mp3&txt=by Habbo-Talk.net Habbo Song [HabboExperienceGroove]&bgcolor=#ffffff' quality='high' bgcolor='#ffffff' width='270' height='17' name='mp3' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>       <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width='270' height='25' id="mp3" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name='movie' value='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/Duck_Funk.mp3&txt=by Habbo-Talk.net Habbo Song [Duck_Funk]&bgcolor=#ffffff' />
<param name='quality' value='high' />
<param name='bgcolor' value='#ffffff' /><embed src='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/Duck_Funk.mp3&txt=by Habbo-Talk.net Habbo Song [Duck_Funk]&bgcolor=#ffffff' quality='high' bgcolor='#ffffff' width='270' height='17' name='mp3' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>           <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width='270' height='25' id="mp3" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name='movie' value='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/HabboCreaturesTheme.mp3&txt=by Habbo-Talk.net Habbo Song [HabboCreaturesTheme]&bgcolor=#ffffff' />
<param name='quality' value='high' />
<param name='bgcolor' value='#ffffff' /><embed src='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/HabboCreaturesTheme.mp3&txt=by Habbo-Talk.net Habbo Song [HabboCreaturesTheme]&bgcolor=#ffffff' quality='high' bgcolor='#ffffff' width='270' height='17' name='mp3' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width='270' height='25' id="mp3" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name='movie' value='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/SilentNight.mp3&txt=by Habbo-Talk.net Habbo Song [SilentNight]&bgcolor=#ffffff' />
<param name='quality' value='high' />
<param name='bgcolor' value='#ffffff' /><embed src='http://www.habbo-talk.net/habboplayer/habboplayer.swf?mp3url=http://www.habbo-talk.net/habboplayer/SilentNight.mp3&txt=by Habbo-Talk.net Habbo Song [SilentNight]&bgcolor=#ffffff' quality='high' bgcolor='#ffffff' width='270' height='17' name='mp3' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object></div>     <div id="footer5" ><div align="center"><img src="https://img.webme.com/pic/y/yvonnes-testpage/design.gif" _fcksavedurl="https://img.webme.com/pic/y/yvonnes-testpage/design.gif" alt="" /></div></div>   <div id="footer6" ><img width="147" height="25" src="https://img.webme.com/pic/y/yvonnes-testpage/habbo_player.png" _fcksavedurl="https://img.webme.com/pic/y/yvonnes-testpage/habbo_player.png" alt="" /></div>

CSS-Code ohne Style Tags

#extraDiv1 {display: none;}  #extraDiv2 {display: none;}  #extraDiv3 {display: none;}  #extraDiv4 {display: none;}  #extraDiv5 {display: none;}  #extraDiv6 {display: none;}   #pre_header {display: none;}  #post_header {display: none;}  #pre_content {display: none;}  #nav_heading{display: none;}  div.header{display: none;}  h1#title{display: none;}   h2#title span {display: none;}     a{ color:#3399cc; text-decoration: none; font-size:15px;}  a:hover { color: #3399cc; font-size: 15px; text-decoration: none;}  a:link { color: #3399cc; font-size: 15px; text-decoration: none;}  a:active { color: #3399cc; font-size: 15px; text-decoration: none;}  a:visited { color: #3399cc; font-size: 15px; text-decoration: none;}       body { background-color:#FFFFFF;}  *{ padding: 0; margin: 0; }   #Background {  margin: 0 auto;  width: 1000px; height:1050px; background-image:url(https://img.webme.com/pic/y/yvonnes-testpage/background_habbo_yt.png);}     #header_container { position: absolute; left: 50%; margin-left:-468px; top: 340px; width: 935px; height:25px; background-color:#009933; background-image:url(https://img.webme.com/pic/y/yvonnes-testpage/habbo_header.png); color:#FFFFFF; font-size:13px; border: 1px solid #009933;}       #content { position: absolute; left: 52%; top: 367px; margin-left:-290px; width: 510px; height: 650px; padding:10px; color: #3399cc; font-size:13px; background-color:#FFFFFF; background-image: none; border: 2px solid #009933; overflow:auto;}     #sidebar_container{ position: absolute; left: 50%; top:367px; margin-left: 295px; width: 170px; height:670px; background-color:#FFFFFF; background-image:url; border:2px solid #009933; text-align: center; color: #3399cc; font-size:9px; overflow:auto;}     #nav_container{ position: absolute; left: 50%; top:367px; margin-left: -469px; width: 160px; border:1px solid transparent}  ul#nav{ width: 130px; padding: 0px; margin: 0px;}  li.nav_element{ list-style-type: none; position: relative; padding:0px; width: 115px;}  li.nav_element a{ display: block; width: 120px; padding:5px; font-weight: bold; text-decoration: none; text-align: left; color:#3399cc; font-size:12px; background-color:#FFFFFF; background-image: none; border: 2px solid #009933;}  li.nav_element a:hover{ color: transparent; background-color: #FFFFFF; background-image: none;}     #counter { position: absolute; left: 50%; top: 1050px; margin-left: 305px; width: 200px; height:20px; color: #000000; font-size:14px; border: 1px solid transparent;}     #footer1{ position: absolute; left: 50%; top:1040px; margin-left: -468px; width: 935px; height: 25px; background-color:#009933; background-image:url; border:1px solid transparent; text-align: center; color: #000000; font-size:9px; overflow:auto;}      #footer2{ position: absolute; left: 50%; top:367px; margin-left: -468px; width: 164px; height: 180px; background-color:#FFFFFF; background-image:url; border:1px solid transparent; text-align: center; color: #000000; font-size:9px; border:2px solid #009933; overflow:auto;}       #footer3{ position: absolute; left: 50%; top:634px; margin-left: -468px; width: 164px; height: 160px; background-color:#FFFFFF; background-image:url; border:1px solid transparent; text-align: center; color: #000000; font-size:9px; border:2px solid #009933; overflow:auto;}      #footer4{ position: absolute; left: 50%; top:887px; margin-left: -468px; width: 164px; height: 150px; background-color:#FFFFFF; background-image:url; border:1px solid transparent; text-align: center; color: #000000; font-size:9px; border:2px solid #009933; overflow:auto;}    #footer5{ position: absolute; left: 50%; top:605px; margin-left: -468px; width: 164px; height: 25px; background-color:#009933; background-image:url; border:1px solid transparent; text-align: center; color: #000000; font-size:9px; border:2px solid #009933; overflow:auto;}    #footer6{ position: absolute; left: 50%; top:858px; margin-left: -468px; width: 164px; height: 25px; background-color:#009933; background-image:url; border:1px solid transparent; text-align: center; color: #000000; font-size:9px; border:2px solid #009933; overflow:auto;}

Shouty

<br /> <br /> <div align="center"><a target="_blank" href="http://www.habbo.de/" _fcksavedurl="http://www.habbo.de/"><img alt="" src="https://img.webme.com/pic/y/yvonnes-testpage/play.gif" _fcksavedurl="https://img.webme.com/pic/y/yvonnes-testpage/play.gif" /></a><br /> <br /> <br /> <br /> <img alt="" src="https://img.webme.com/pic/y/yvonnes-testpage/shouty_dance.png" _fcksavedurl="https://img.webme.com/pic/y/yvonnes-testpage/shouty_dance.png" /><br /> <img alt="" src="https://img.webme.com/pic/y/yvonnes-testpage/dance.gif" _fcksavedurl="https://img.webme.com/pic/y/yvonnes-testpage/dance.gif" /><br /> <div align="center"><a target="_blank" alt="Habbofun Radio" title="Habbofun Radio" border="0" href="http://www.habbofun.de" _fcksavedurl="http://www.habbofun.de"><img title="Habbofun Radio" src="http://www.habbofun.de/fileadmin/Homepage/habbofun_banner_2.gif" _fcksavedurl="http://www.habbofun.de/fileadmin/Homepage/habbofun_banner_2.gif" alt="" /></a></div> </div>