CSS-Design
Hier erkläre ich euch wie das CCS-Design Funktioniert und wie ich meine seite gemacht hab!:1.Ihr müsst auf Design einstellen =>Erweiterte einstellungen=>(unten)CSS-Codes ohne style tags!
Folgendes rein kopieren!
#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:#4A9AF6;
text-decoration: none;
font-size:13px;}
a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
body {
background-color:#990000;}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(HIER DEINE BILD-URL);}
#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 980px;
height:70px;
background-color:#343434;
background-image: none;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 590px;
height: 380px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image: none;
border: 1px solid #FFFFFF;
overflow:auto;}
#sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 300px;
width: 190px;
height: 400px;
background-color:#343434;
background-image:url;
border:1px solid #FFFFFF;
color:#000000;
overflow:auto;}
#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
border:1px solid #FFFFFF;}
ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}
li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}
li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(HIER BUTTON-ULR_1);
border: 2px solid #000000;}
li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}
#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
Also das wäre schon mal geschafft wenn ihr die farbe (haupt farbe)ändern wollt müsst ihr am abschnitt
body {
background-color:#990000;}
eine andere farb einstellung machen und das geht so ihr geht auf Eigene seite edetieren=>(in irgend ein forum)=>oben auf das T mit der
farbpalette=>Weitere Farben=>beliebige farbe aus suchen und den farb code kopieren und hier (Rot makiert) einsetzen!
body {
background-color:#990000;}
Ich hoffe ich konnte euch helfen!i 1.Ihr müsst auf Design einstellen =>Erweiterte einstellungen=>(ubten)CSS-Codes ohne style tags!
Folgendes rein kopieren!
#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:#4A9AF6;
text-decoration: none;
font-size:13px;}
a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
body {
background-color:#990000;}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(HIER DEINE BILD-URL);}
#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 980px;
height:70px;
background-color:#343434;
background-image: none;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 590px;
height: 380px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image: none;
border: 1px solid #FFFFFF;
overflow:auto;}
#sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 300px;
width: 190px;
height: 400px;
background-color:#343434;
background-image:url;
border:1px solid #FFFFFF;
color:#000000;
overflow:auto;}
#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
border:1px solid #FFFFFF;}
ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}
li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}
li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(HIER BUTTON-ULR_1);
border: 2px solid #000000;}
li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}
#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
Also das wäre schon mal geschafft wenn ihr die farbe (haupt farbe)ändern wollt müsst ihr am abschnitt
body {
background-color:#990000;}
eine andere farb einstellung machen und das geht so ihr geht auf Eigene seite edetieren=>(in irgend ein forum)=>oben auf das T mit der
farbpalette=>Weitere Farben=>beliebige farbe aus suchen und den farb code kopieren und hier (Rot makiert) einsetzen!
body {
background-color:#990000;}
Ich hoffe ich konnte euch helfen!
oniert und wie ich meine seite gemacht hab!:
1.Ihr müsst auf Design einstellen =>Erweiterte einstellungen=>(ubten)CSS-Codes ohne style tags!
Folgendes rein kopieren!
#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:#4A9AF6;
text-decoration: none;
font-size:13px;}
a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
body {
background-color:#990000;}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(HIER DEINE BILD-URL);}
#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 980px;
height:70px;
background-color:#343434;
background-image: none;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 590px;
height: 380px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image: none;
border: 1px solid #FFFFFF;
overflow:auto;}
#sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 300px;
width: 190px;
height: 400px;
background-color:#343434;
background-image:url;
border:1px solid #FFFFFF;
color:#000000;
overflow:auto;}
#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
border:1px solid #FFFFFF;}
ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}
li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}
li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(HIER BUTTON-ULR_1);
border: 2px solid #000000;}
li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}
#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}
Also das wäre schon mal geschafft wenn ihr die farbe (haupt farbe)ändern wollt müsst ihr am abschnitt
body {
background-color:#990000;}
eine andere farb einstellung machen und das geht so ihr geht auf Eigene seite edetieren=>(in irgend ein forum)=>oben auf das T mit der
farbpalette=>Weitere Farben=>beliebige farbe aus suchen und den farb code kopieren und hier (Blau makiert) einsetzen!
body {
background-color:#990000;}
Ich hoffe ich konnte euch helfen!*LOL*
