Ok nachdem ich keinen Coder gefunden habe, habe ich selbst hand angelegt...
Hab ein paar Schönheitsfehler..
Problem 1
Meine Buttonleiste soll ganz transparent sein und ohne Rahmen... gut das ging schonmal bis auf den Rahmen^^
Hab in meiner Buttonleiste dazwischen einen Rahmen =[
Problem 2
Zwischen meiner "header_hg" Bilddatei und meiner "header" Bilddatei ist ein kleiner abstand...
(header_hg ist der Hintergrund für das "Angemeldet als ...... "
Problem 3
Unten der Copyright von Woltlab wird in Lila angezeigt, ebenso das "Alle Foren als gelesen markieren"
Mein (sehr unsauberer) CSS Code
#header, #logo, .mainMenu {
border: 0 !important;
background-color: transparent !important;
}
.userPanel {
background: transparent url("../images/c-gfxNEW/header_hg.png");
height: 36px;
witdh: 1000px;
padding-left:64px;
padding-right:108px;
}
.copyright {
position:absolute;
width:100%;
margin: 24px -185px -185px -305px;
z-index:100;
#FFFFFF;
}
#searchInput {
border: 1px solid #999;
}
.containerHead {
padding: 5px 5px;
font-weight:bold;
}
#main {
padding: 55px 55px 55px 55px;
background-image:url("../images/c-gfxNEW/main.png");
}
#header {
padding-left: 0px;
padding-right: 0px;
padding-top: 209px;
padding-bottom:0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-bottom: 0px;
background-image:url("../images/c-gfxNEW/header.png");
background-repeat: none;
}
#footer {
height: 147px;
padding-bottom: 0px;
background-image:url("../images/c-gfxNEW/footer.png");
background-repeat: repeat-x bottom;
}
#mainMenu {
position: absolute;
left: 60px;
top: 180px;
z-index: 100;
height: 28px;
padding-top: 0px;
padding-right: 10px;
border: 0px !important;
background-color: transparent !important;
}
.boardlistLastPost b {
color: #FFFFFF;
}
a {
text-decoration: none;
}
.breadCrumbs li a span, .messageFooter .breadCrumbs li a {
text-decoration: none;
}
.pageOptions a span {
text-decoration: none;
}
#userMenu span {
text-decoration: none;
}
.container-1{
background-image:url("../images/c-gfxNEW/zeile1_hintergrund.png");
background-repeat: repeat-x top;
background-color:#212328;
background-repeat: repeat-x;
background-position: left top;
}
.container-2{
background-image:url("../images/c-gfxNEW/zeile1_hintergrund.png");
background-repeat: repeat-x top;
background-color:#212328;
background-repeat: repeat-x;
background-position: left top;
}
#boardlist .container-2 {
background-position:left top;
}
#boardlist .container-1 {
background-position:left top;
}
.messageContent .color-1, .messageContent .color-2 {
background: url("../images/c-gfxNEW/beitrag_hintergrund.png") repeat-x left top;
background-color: #3C4049;
}
.messageLeft, .messageContentInner {
background: url("../images/c-gfxNEW/poster_hintergrund.png") repeat-x left top;
background-color: #2A2D33;
}
#date {
display:none;
}
#page {
padding-top: 0px;
}
#search {
top: 120px;
right: 40px;
}
Display More
Meine Vorlage war der "Blackhole" Style von cls-design.com weil er meinem Style, dem Grundaufbau her ähnlich ist
Was muss ich an meinem Code ausbessern für die oben gennanten Probleme?