Hallo,
ich wollte mal Fragen ob mir jemand das CSS Design ändern kann das es ähnlich wie Redyn-Designz.de.tl aussieht den Code hab ich:
Das hab ich überm Design
<!-- Begin Designcontainer -->
<div id="designcontainer">
<!-- Begin Header -->
<div id="headerdesign">
<center><b>Hier kommt der Header rein</b></center>
</div>
<!-- End Header -->
Und das unterm Design:
</div>
<!-- End Designcontainer -->
Und das CSS Tags ohne Style Tags:
/* Style-Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 13px;
font-family: arial;
vertical-align: baseline;
}
img{
border: 0px;
}
* { padding: 0; margin: 0; }
/* Generelles */
a{
color: black;
text-decoration: none;
}
a:hover{
color: black;
text-decoration: none;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
/* Design */
#designcontainer {
margin: 0 auto;
width: 922px;
}
#headerdesign {
color: black;
width: 900px;
float: left;
padding: 10px;
border: 1px solid black;
height: 100px;
margin: 10px 0px 0px 0px;
background-color: #FFFFFF;
}
#content {
color: black;
border: 1px solid black;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 678px;
float: left;
overflow: auto;
}
#nav_container {
float: right;
color: black;
border: 1px solid black;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 200px;
display: inline;
position: relative;
}
/* Ausblendungen */
div.header, #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6{
display: none;
}
/* Seitentitel */
h2#title{
font-size: 13px;
text-decoration: none;
font-weight: bold;
text-align: center;
color: #000000;
background-color: transparent;
border: 1px solid black;
width: 170px;
height: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 10px;
}
/* Navigation */
li.nav_element{
list-style-type: none;
border: 0px;
height: 15px;
text-align: center;
}
li.nav_element a{
display: block;
width: 180px;
height: 15px;
color: #000000;
font-size: 13px;
font-weight: bold;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
background-repeat: no-repeat;
border: 1px solid black;
}
li.nav_element a:hover{
display: block;
color: white;
font-size: 13px;
font-weight: bold;
text-decoration: none;
background-color: #000000;
background-image: none;
background-repeat: no-repeat;
border: 1px solid black;
}
.subpage a{
color: darkblue !important;
text-decoration: underline !important;
}
.subpage a:hover{
color: darkblue !important;
text-decoration: underline !important;
}
Also kann jemand das machen?:p dank ihn jetzt schon
Zuletzt bearbeitet von crunchi am 27.08.2008, 16:43, insgesamt 2-mal bearbeitet
|