Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.07.2009 um 00:26 (UTC)    
Titel: CSS-Design eingeben

Hallo,
ich wollte für meine Homepage ein css design einstellen, aberhabe keine ahnug wie das geht. Was muss ich zum Beispiel in den Kasten ''übern design'' reinmachen. etc.
hier der code:
Code:
Text über dem Design:
<div id="Dein_Design"></div>


CSS-Code ohne Style Tags:

div.header {display: none;}
 #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;}
 #header_container {display: none;}
 #pre_content {display: none;}
 #nav_heading{display: none;}
div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}


body {
background-color:#8DA9D1;
font-family: arial,verdana;
font-size:12px;
color:#000000;}

div{
font-family: arial,verdana;
font-size:12px;
color:#000000;}

a{
color:#000080;
font-size: 12px;
text-decoration: none;}

a:hover {
color:#000080;
font-size: 12px;
text-decoration: none;}

a:link {
color: #000080;
font-size: 12px;
text-decoration: none;}
 
a:active {
color:#000080;
font-size: 12px;
text-decoration: none;}

a:visited {
color:#000080;
font-size: 12px;
text-decoration: none;}

#Dein_Design {
position: absolute;
left: 50%;
margin-left:-485px;
width: 970px;
height: 556px;
background-image:url(http://img.webme.com/pic/a/action-4-you/bluedesign.jpg);
background-repeat: no-repeat;}

#content{
position: absolute;
left: 50%;
top: 180px;
margin-left:-297px;
width: 585px;
height: 388px;
color: #000000;
border: 0px solid #000000;
overflow:auto;}

#sidebar_container {
position: absolute;
left: 50%;
top: 172px;
margin-left: 312px;
height: 408px;
width: 160px;
background: transparent;
background-image:url();
color: #000000;
border: 0px solid #000000;
overflow:auto;}

 #nav_container {font-weight: bold;font-size: 19px;color:#000000;
position: absolute;
left: 50%;
top: 175px;
margin-left: -504px;
width:160px;
height:330px;
border: 0px solid #000000;}

#counter {
position: absolute;
left: 50%;
top:590px;
margin-left:-475px;
width: 200px;
height: 15px;
border: 0px solid #000000;
text-align:center;}

li.nav_element{
list-style-type: none;
position: relative;
border: 0px;
width: 140px;
height: 20px;
text-align: center;}

li.nav_element a{
display: block;
width: 140px;
height: 18px;
margin: 0px;
color: #000000;
font-weight: bold;
text-decoration: none;
background-color: #CCCCCC;
background-image: url(http://img.webme.com/pic/a/action-4-you/bluebut1.jpg);
background-repeat: no-repeat;
padding-left: 0px;
border: 0px solid black;}

li.nav_element a:hover{
display: block;
color: black;
font-weight: bold;
text-decoration: none;
background-color:#CCCCCC;
background-image: url(http://img.webme.com/pic/a/action-4-you/bluebut2.jpg);
background-repeat: no-repeat;
border: 0px solid black;}
Beitrag11.07.2009 um 16:44 (UTC)    
Titel:

Text über dem Design:
Code:
<div id="Dein_Design"></div>


CSS - Style Code ohne Style Tags:

Code:
div.header {display: none;}
 #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;}
 #header_container {display: none;}
 #pre_content {display: none;}
 #nav_heading{display: none;}
div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}


body {
background-color:#8DA9D1;
font-family: arial,verdana;
font-size:12px;
color:#000000;}

div{
font-family: arial,verdana;
font-size:12px;
color:#000000;}

a{
color:#000080;
font-size: 12px;
text-decoration: none;}

a:hover {
color:#000080;
font-size: 12px;
text-decoration: none;}

a:link {
color: #000080;
font-size: 12px;
text-decoration: none;}
 
a:active {
color:#000080;
font-size: 12px;
text-decoration: none;}

a:visited {
color:#000080;
font-size: 12px;
text-decoration: none;}

#Dein_Design {
position: absolute;
left: 50%;
margin-left:-485px;
width: 970px;
height: 556px;
background-image:url(http://img.webme.com/pic/a/action-4-you/bluedesign.jpg);
background-repeat: no-repeat;}

#content{
position: absolute;
left: 50%;
top: 180px;
margin-left:-297px;
width: 585px;
height: 388px;
color: #000000;
border: 0px solid #000000;
overflow:auto;}

#sidebar_container {
position: absolute;
left: 50%;
top: 172px;
margin-left: 312px;
height: 408px;
width: 160px;
background: transparent;
background-image:url();
color: #000000;
border: 0px solid #000000;
overflow:auto;}

 #nav_container {font-weight: bold;font-size: 19px;color:#000000;
position: absolute;
left: 50%;
top: 175px;
margin-left: -504px;
width:160px;
height:330px;
border: 0px solid #000000;}

#counter {
position: absolute;
left: 50%;
top:590px;
margin-left:-475px;
width: 200px;
height: 15px;
border: 0px solid #000000;
text-align:center;}

li.nav_element{
list-style-type: none;
position: relative;
border: 0px;
width: 140px;
height: 20px;
text-align: center;}

li.nav_element a{
display: block;
width: 140px;
height: 18px;
margin: 0px;
color: #000000;
font-weight: bold;
text-decoration: none;
background-color: #CCCCCC;
background-image: url(http://img.webme.com/pic/a/action-4-you/bluebut1.jpg);
background-repeat: no-repeat;
padding-left: 0px;
border: 0px solid black;}

li.nav_element a:hover{
display: block;
color: black;
font-weight: bold;
text-decoration: none;
background-color:#CCCCCC;
background-image: url(http://img.webme.com/pic/a/action-4-you/bluebut2.jpg);
background-repeat: no-repeat;
border: 0px solid black;}

______________
Dj Sunshine - Ihr Party Dj in Norddeutschland
Beitrag11.07.2009 um 23:57 (UTC)    
Titel:

dankeschön für die schnelle antwort ! Smile

thema abgeschlossen^^
Beitrag12.07.2009 um 02:44 (UTC)    
Titel:

Bitte
______________
Dj Sunshine - Ihr Party Dj in Norddeutschland
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de