zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Serveradministration und serverseitige Scripte
Seite neu laden include laden und anzeigen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #31 (permalink)  
Alt 13.11.2009, 14:50
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zeig mal bitte den HTML und CSS-Code
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links
  #32 (permalink)  
Alt 14.11.2009, 13:06
R2D2
neuer user
Thread-Ersteller
 
Registriert seit: 12.11.2009
Ort: Gelsenkirchen
Beiträge: 30
casge befindet sich auf einem aufstrebenden Ast
Standard

CSS

Code:
body {
    margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3e3e;
	background-color: #000000;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
a {
    text-decoration:none;
}
#main{
margin:0 auto;
padding-top:6px;
margin-bottom:0;
}
#header {
	height:120px;
	width:1300px;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
}
#menu {
  width:950px;
  height:38px;
}
#menu a {
  float:right;
  font-size:15px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  padding-left:20px;
  padding-right:20px;
  height:28px;
  padding-top:10px;
}
#menu a:hover {
  background:url(../images/nav_bg.gif) repeat-x;
  color:#96ED00;
}
#header-Bottom {
	margin:0;
	height:90px;
	clear:both;
	background-image: url(../images/header_bot_bg.gif);
	background-repeat: repeat;
}
#logoBlock {
   float:left;
   width:255px;
   padding-left:135px;
   padding-top:10px;
   height:79px;
}
#logoBlock h1{
  font-weight:bold;
 font-family: "Trebuchet MS";
 color:#fff;
 font-size:41px;
  margin:0;
  line-height:1.0em;
}
#logoBlock p {
   margin:0;
   color:#777777;
   font-family: "Trebuchet MS";
   line-height:1em;
   font-size:10px;
}
#navBlock {
   float:left;
   width:587px;
   padding-left:26px;
   padding-top:5px;
   height:84px;
}
#navBlock h3{
  font-weight:bold;
 font-family: "Trebuchet MS";
 color:#81CB02;
 font-size:16px;
  margin:0;
 line-height:1.5em;
 
 }
 #navBlock a {
   margin:0;
   float:left;
   line-height:1.2em;
   font-size:12px;
   width:105px;
   padding-right:35px;
   text-decoration:none;
   color:#FFFFFF;
}
 #navBlock a:hover {
   text-decoration:underline;
   color:#3399FF;
}
#mainCont {
	width:1150px;
	clear:both;
	padding-bottom:0;
	height:655px;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
	padding-top: 20px;
	padding-right: 1px;
	padding-left: 1px;
}
#leftCol {
	margin:0;
	float:left;
	width:366px;
	padding-right: 10px;
}
#welcomeBox {
margin:0;
padding-right:5px;
}
  #welcomeBox h3 {
   font-family: "Trebuchet MS";
   color:#FFFFFF;
   font-size:18px;
   font-weight:normal;
   margin:0;
   line-height:normal;
  }
  #welcomeBox p {
    color:#FFFFFF;
	line-height:normal;
	margin:0;
	text-align:justify;
  }
   #welcomeBox p span {
    color:#919191;
  }
     #welcomeBox h5 {
    color:#919191;
	font-weight:bold;
	margin:0;
	line-height:normal;
	font-size:11px;
	padding-top:6px;
  }
  #playListTop {
    padding-top:20px;
	margin:0;
	}
	#playListTop h3 {
	color:#81CB02;
	font-size:12px;
	font-weight:bold;
	height:24px;
	width:337px;
	margin:0;
	padding-left:30px;
	padding-top:8px;
	background: url(../images/playlist_head_bg.gif) no-repeat;
}
    #playListBody {
	margin:0;
	height:359px;
	width:365px;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #40434A;
	border-left-color: #40434A;
	}
	.head {
      height:20px;
	  width:365px;
	}
	 .head p {
        font-size:12px;
		font-weight:bold;
		color:#DBDBDB;
		margin:0;
		padding-left:12px;
		 padding-top:5px;
		 float:left;
		}
		.head p.left {
		  width:50px;

		}
		 .head p.centr {
		  width:176px;
          border-left:solid 1px #40434A;
		}
		  .head p.right {
		  width:100px;
		  border-left:solid 1px #40434A;

		}
		playListDark {
		height:20px;
		background-color:#464646;
		width:365px;
		}
		.playListDark p {
		  color:#B3B3B3;
		  margin:0;
		  height:20px;
		  float:left;
		  padding-top:3px;
          background-color:#464646;
		}
		.playListDark p.play {
	        background:#464646 url(../images/play.gif) no-repeat 12px center;	
         	width:62px;  
		}
		.playListDark p.track {
         width:175px;
         	 padding-left:12px; 
		}
		.playListDark p.artist{
         width:104px;
         	  padding-left:12px;
		}
		playListLight {
		height:20px;
		width:365px;
		}
		.playListLight p {
		  color:#B3B3B3;
		  margin:0;
		  height:20px;
		  float:left;
		  padding-top:3px;
		  width:365px;
		}
				.playListLight p.play {
	        background: url(../images/play.gif) no-repeat 12px center;	
         	width:62px;  
		}
		.playListLight p.track {
         width:175px;
		 border-left:solid 1px #40434A;
         	  padding-left:12px;
		}
		.playListLight p.artist{
         width:100px;
		 border-left:solid 1px #40434A;
		 padding-left:12px;
		 }
	 p.bot {
       border-top:solid 1px #40434A;
	   clear:both;
	   margin:0;
	   width:365px;
	   height:1px;
		}
    #playListBot {
	 background: url(../images/play_list_botbg.gif) no-repeat;	
	 height:32px;
	 width:367px;
	}
	
  #centrCol {
	float:right;
	width:275px;
	right: 1px;
	padding: 0px;
}
   .banr{
     margin:0;
	 width:275px;
   }
   #albmBlock {
   padding-top:20px;
   margin:0;
   }
   #albmBox, #albmBox2, #albmBox3, #albmBox4{
   background:url(../images/albm_box.gif) no-repeat;
   height:111px;
   }
   #albmBox4.totalheight {
      height:90px;
   }
   .topCont{
     height:70px;
     
   }
   .topCont h1 {
	 margin:0;
	 float:left;
	 padding:7px;
   }
      .topCont a {
	 margin:0;
	 float:left;
	 padding-top:10px;
	 width:135px;
	 line-height:normal;
   }
         .topCont a.headings {
	 font-size:18px;
	 font-weight:normal;
	 color:#fff;
	 margin:0;
   }
     .topCont a span  {
	 color:#fff;
	 margin:0;
	 font-size:11px;
	 
   }
        .topCont a:hover {
	 color:#DBDBDB;
   }
   .botCont {
     height:20px;
	 padding-top:2px;
   }
   .botCont a {
     color:#454545;
   }
      .botCont a:hover {
     color:#000000;
   }
   .botCont a.left {
      margin:0;
	  width:123px;
	  float:left;
	  padding-left:35px;
   }
      .botCont a.right {
      margin:0;
	  width:60px;
	  float:left;
   }

#rightCol {
margin:0;
float:left;
padding-left:7px;
width:283px;
}
#videoBlock {
height:598px;
width:283px;


}
 #videoBlockTop {
   width:303px;
 }
#videoBlockTop h3 {
	color:#81CB02;
	font-size:12px;
	font-weight:bold;
	background: url(../images/feat_vid.gif) no-repeat;
	width:303;
	margin:0;
	height:23px;
	padding-left:30px;
	padding-top:8px;
}

#videoBlockTop p {
     color:#919191;
	 background: url(../images/videobox_lower.gif) repeat-x;
	 margin:0;
	 border-left:solid 1px #40434A;
	 border-right:solid 1px #40434A;
	 padding:6px;
}
  #videoBlockBody {
    margin:0;
	padding:10px;
	background: url(../images/videobox_bg.gif) repeat-y;
	width:283px;
	height:506px;
 }
   .vidBox{
	 border-bottom:solid 1px #40434A;
	 padding-top:7px;
	 height:47px;
	 margin:0;
   }
    .leftBox {
	  float:left;
	  width:194px;
	  }
	  .leftBox p {
	  	margin:0;
	    line-height:normal;
	  }
	  .leftBox p b {
	    color:#9B9B9B;
	  }
	   .leftBox p.dark {
	    color:#D2D2D2;
}
	  .leftBox p.light {
	    color:#FCFCFC;
}
      p.rightBox{
	  float:left;
	  margin:0;
   }

	  

	#videoBlockBot {
	background: url(../images/vid_box_botbg.gif) no-repeat;
	height:30px;
	width:303px;
	clear:both;
	margin:0;
	}
	
#footer {
	height:98px;
	clear:both;
	margin:0 auto;
	background: url(../images/foooter_bg.gif) repeat-x;	 
}
#footerMenu {
     width:600px;
	 margin:0 auto;
	 clear:both;
	 padding-top:20px;
	 padding-bottom:10px;
}
#footerMenu a{
   padding:20px;
    font-size:15px;
  color:#fff;
  font-weight:bold;
}
#footerMenu a:hover{
   color:#DBDBDB;
}
#footerMenu P {
 margin:0;
}
.rights{
color:#3E3E3E;
text-align:center;
}
.rights a{
color:#3E3E3E;
text-decoration:none;
}
.rights a:hover{
color:#ffffff;
text-decoration:underline;
}
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Chat-Thread paracelsus Offtopic 22829 10.09.2017 23:04
Dateien auslagern - Include und PHP ArcVieh Serveradministration und serverseitige Scripte 17 27.03.2008 18:09
include zum xxxten mal! amnesia Serveradministration und serverseitige Scripte 5 07.09.2006 11:14
Bilder vorab laden, auf Wunsch anzeigen fuhrheiner CSS 22 22.02.2006 15:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:33 Uhr.