CSS Design 4
Code:
Text unter dem Design:
<div id="footer">
<span style="float: center;">Design von <a title="Ab zu HabbBild & Habbozone!" href="http://habbbild.de.tl/">HabbBild & Habbozone</a></span>
<div id="newsbox1"></div>
<div id="newsboxbild1"></div>
<div id="newsboxtext1"><font style="color: #fff; font-size: 18px; font-family: Arial;"><a href="Deineseite.de.tl/lala.htm"><b>Habbozone</b></a></font><br />
<font style="color: #000; font-size: 14px; font-family: Arial;">Design 3.5 BETA</div>
<div id="newsbox2"></div>
<div id="newsboxbild2"></div>
<div id="newsboxtext2"><font style="color: #fff; font-size: 18px; font-family: Arial;"><a href="Deineseite.de.tl/lala.htm"><b>Designer gesucht!</b></a></font><br />
<font style="color: #000; font-size: 14px; font-family: Arial;">Hallo liebe Leute wir suchen Designer!</font></div>
<div id="newsbox3"></div>
<div id="newsboxbild3"></div>
<div id="newsboxtext3"><font style="color: #fff; font-size: 18px; font-family: Arial;"><a href="Habboz0ne.de.tl/lala.htm"><b>Neues Design!</b></a></font><br />
<font style="color: #000; font-size: 14px; font-family: Arial;">Hallo liebe Besucher hiermit zeigen wir unser BETA Design! Voller Erfolg!</font></div>
CSS Styles ohne Tags:
table[height="102"] {
position: absolute;
left: 50%;
top: 38px;
margin-left: -2500px;}
body {
margin-top: 50px;
text-align: center;
background-image: url(http://forum.german-deathmatch.de/wcf/images/darkgta/bg.jpg);
background-repeat: repeat;
background-color: #202020;
font-family: arial;}
#newsboxtext1 {
position: absolute;
left: 50%;
height: 80px;
width: 260px;
margin-top: 247px;
margin-left: -493px;
overflow: hidden;}
#newsboxtext2 {
position: absolute;
left: 50%;
height: 80px;
width: 260px;
margin-top: 247px;
margin-left: -140px;
overflow: hidden;}
#newsboxtext3 {
position: absolute;
left: 50%;
height: 80px;
width: 260px;
margin-top: 247px;
margin-left: 210px;
overflow: hidden;}
#newsbox1 {
position: absolute;
left: 50%;
height: 258px;
width: 290px;
background-image: url(http://img6.imagebanana.com/img/g2oaqo50/v7sgwj.png);
margin-top: 80px;
margin-left: -514px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom: 2px solid #000;
overflow: hidden;}
#newsboxbild1 {
position: absolute;
left: 50%;
height: 157px;
width: 288px;
background-image: url(http://www.habbotimes.net/assets/media/fancenter/topstorys/top_story_poll.png);
margin-top: 80px;
margin-left: -514px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
overflow: hidden;}
#newsbox2 {
position: absolute;
left: 50%;
height: 258px;
width: 290px;
background-image: url(http://img6.imagebanana.com/img/g2oaqo50/v7sgwj.png);
margin-top: 80px;
margin-left: -160px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom: 2px solid #000;
overflow: hidden;}
#newsboxbild2 {
position: absolute;
left: 50%;
height: 156px;
width: 288px;
background-image: url(http://www.habbotimes.net/assets/media/fancenter/topstorys/topStory_victoriaDay.gif);
margin-top: 80px;
margin-left:-160px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
overflow: hidden;}
#newsbox3 {
position: absolute;
left: 50%;
height: 258px;
width: 290px;
background-image: url(http://img6.imagebanana.com/img/g2oaqo50/v7sgwj.png);
margin-top: 80px;
margin-left: 190px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom: 2px solid #000;
overflow: hidden;}
#newsboxbild3 {
position: absolute;
left: 50%;
height: 156px;
width: 288px;
background-image: url(http://www.habbotimes.net/assets/media/artikel/topstory/album_20_versionen/newcmtnp.gif);
margin-top: 80px;
margin-left: 190px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
overflow: hidden;}
#container {
width: 960px;
margin: auto;
overflow: hidden; }
#header_container {
width: 960px;
height: 109px;
margin: auto;
background-image: url(http://www7.pic-upload.de/23.07.13/ytmnij1efqg8.png);
background-repeat: no-repeat; }
h1#header {
display: none; }
#nav_container {
width: 930px;
margin: 0 auto;
overflow: hidden;
background-image: url(http://www7.pic-upload.de/23.07.13/ckpnyoy2tu7o.jpg);
border: 2px solid #000000;}
#nav_container ul {
list-style-type: none; }
li.nav_element {
float: left;
width: auto;
height: 23px;
text-align: left;
padding-left: 15px;
padding-right: 15px;
border-right: 1px solid #000000; }
li.nav_element:hover {
background-color: #XXXXXX;}
li.nav_element a {
display: block;
line-height: 10px;
font-size: 16px;
color: #000000;
text-decoration: none; }
li.nav_element a:hover {
display: block;
line-height: 10px;
font-size: 16px;
color: #ffffff;
text-decoration: none; }
li.checked_menu {
background-color: #XXXXXX; }
li.checked_menu a{
color: #000000; }
#nav_heading {display:none; }
#content {
float: left;
width: 945px;
min-height: 48px;
padding: 5px;
margin-top: 10px;
overflow: hidden;
text-align: left;
background-color: #ffffff;
border: 2px solid #000000; }
#content, #content p #content span {
font-size: 15px;
color: #000000; }
#content a {
color: #008210;
text-decoration: underline; }
#content a:hover {
color: #ff5700;
text-decoration: underline; }
#title span {display:none; }
ul.liste {
list-style-type: square;
margin-left: 30px;
color: #000000;}
ul.rechts {
list-style-type:none; }
ul.rechts li {
border-bottom: 1px dotted #c9c9c9; }
ul.rechts a {
text-decoration: none!important;
color: #454545!important;
font-size: 13px; }
h1, h2 {
font-size: 18px;
color: #00b717;
margin-bottom: 15px; }
#footer {
width: 940px;
margin: auto;
margin-bottom: 80px;
font-size: 10px;
color: #b9b9b9; }
#footer a {
color: #00ce1a;}
#footer img, #social img {
width: 30px;
margin-right: 10px;
border: none; }