hey ho,
bin schon umgezogen
Den design code den ihr in diesem thread findet den kann sich jeder rauskopieren. der aufbau ist ähnlich von user-blacklist.de.tl
bedingungen stehen auch hier im thread. einfach rauskopieren einfügen bearbeiten.
viel spass
lg
hier der code für
www.user-blacklist.de.tl
kann alles geändert werden grafiken etc.
copyright ist kein muss aber aus dankbarkeit könnt ihr das stehen lassen, werd ich ja sehen
positives: keine scrollbars normale navi und sidebar
mit wachsender content mit footer !
Text über dem Design:
<div id="Design">
<div id="Header"></div>
<div id="Coolmenu">Hier kann ein 2ter Header rein oder nur Text. wenn ihr es gut gestaltet kann das design sehr schön werden</div>
Text unter dem Design:
<div id="Footer">
<div style="text-align: center;">Design by
www.zitapage.com </div></div>
Style ohne Tags:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
body {
background-color: #000000;}
p, div, b{
font-family: Arial;
font-size: 12px;
text-decoration: none;}
a{color : #000000;
font-size : 12px;
font-weight: bold;
text-decoration : none;}
a:hover {
color : #000000;
font-size : 12px;
text-decoration : underline;}
a:active {color : #000000;
font-size : 12px;
text-decoration : none;}
li.nav_element a{
color:#ffffff;
display: block;
margin: 5px;
padding-left: 10px;
text-decoration: none;
width: 120px;
height: 20px;
background-image:url();
background-color:#FFFFFF;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
body {
background-color: #000000;}
p, div, b{
font-family: Arial;
font-size: 12px;
text-decoration: none;}
a{color : #000000;
font-size : 12px;
font-weight: bold;
text-decoration : none;}
a:hover {
color : #000000;
font-size : 12px;
text-decoration : underline;}
a:active {color : #000000;
font-size : 12px;
text-decoration : none;}
#box4{
background-color: #000000;
border: 1px solid #bababa;
width: 125px;
height: 30px;
color: #000000;
font-size: 12px;
font-weight: bold;
float: right;
margin: 0px 0px 0px 0px;}
li.nav_element a{
color:#000000;
display: block;
margin: 5px;
padding-left: 10px;
text-decoration: none;
width: 160px;
height: 20px;
background-image:url();
background-color:#ffffff;}
li.nav_element a:hover{
color:#000000;
display: block;
margin: 5px;
padding-left: 10px;
text-decoration: none;
width: 160px;
height: 20px;
background-image:url();
background-color:#ffffff;}
* { padding: 0; margin: 0; }
#Design {
margin : 0 auto;
border: 2px solid #bababa;
margin-top: 10px;
margin-bottom: 10px;
width : 1000px;
background-color: #ffffff;
padding: 5px;}
#Header{
background-image: url();
background-color: #000000;
border: 2px solid #bababa;
width : 995px;
height : 100px;
float : left;
margin: ´5px 0px 0px 0px;}
#box{
background-color: #bababa;
border: 2px solid #bababa;
width: 176px;
height: 30px;
color: #000000;
font-size: 12px;
font-weight: bold;
float: left;
margin: 2px 0px 5px 0px;}
#menu{
background-color: #000000;
background-image: url();
width: 996px;
height: 60px;
color: #bababa;
font-size: 12px;
font-weight: bold;
float: left;
margin: 5px 0px 5px 0px;}
#Coolmenu{
background-color: #000000;
background-image: url();
width: 750px;
height: 250px;
color: #bababa;
font-size: 12px;
font-weight: bold;
float: left;
margin: 5px 0px 5px 0px;}
#nav_container{
background-image: url();
background-color: #ffffff;
border: 1px solid #bababa;
width: 220px;
color: #bababa;
margin: 5px 0px 3px 5px;
padding: 5px;
display: inline;
float: right;
}
#sidebar_container{
background-image: url();
background-color: #ffffff;
width: 220px;
color: #bababa;
margin: 0px 0px 5px 0px;
padding: 5px;
display: inline;
border: 1px solid #bababa;
float: right;}
#content{
width: 730px;
background-image : url();
background-color: #ffffff;
color: #bababa;
border: 1px solid #bababa;
font-size: 12px;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px;}
#Footer{
width: 985px;
height: 20px;
background-color: #000000;
color: #bababa;
font-size: 12px;
text-align: center;
clear: both;
margin: 5px 0px 0px 0px;
padding: 5px;}
#counter{display: none}
______________
