Ich möchte meine HP ändern und habe mir von einem Kollegen einen CSS Code machen lassen.Allerdings weiß ich gar nicht wie und wo ich diesen Code einbinden muss bzw so ändern muss das es mit der neuen HP klappt.
Hier der Code:
> * {
> margin:0;
> padding:40;
> }
> body {
> font-family:Arial, Helvetica, sans-serif;
> font-size:12px;
> background:#000000 url(images/pageBackground.jpg) no-repeat center
> top;
> color: #ffffff;
> }
> a {
> color:#ff9c00;
> text-decoration:underline;
> }
> a:hover {
> color:#ff9c00;
> text-decoration:none;
> }
> #container {
> width: 100%;
> }
> #header {
> width:100%;
> }
> .logoBackground {
> background:#000000;
> width:300px;
> }
> .logo {
> color:#ff9c00;
> font-size:40px;
> padding:10px 0 0 30px;
> }
> .author {
> padding:0 0 0px 30px;
> color:#707070;
> }
> .author a {
> color:#707070;
> }
> .menu {
> background:url(images/menuBackground.png) repeat-x left top;
> height:103px;
> text-align:center;
> margin-top:265px;
> }
> .menu ul {
> margin:0;
> padding-top:32px;
> }
> .menu li {
> list-style:none;
> display:inline;
> padding:20px 15px 0 15px;
> }
> .menu li a {
> color:#ffffff;
> font-size:24px;
> text-decoration:none;
> }
> .menu li a:hover {
> color:#ff9c00;
> font-size:24px;
> text-decoration:none;
> }
> .menu #active a {
> color:#ff9c00;
> font-size:24px;
> text-decoration:none;
> }
> .allContent {
> width:800px;
> margin:0 auto;
> padding:130px 0 0 0;
> }
> .leftContent p, .rightContent p {
> padding:40px;
> text-align: justify;
> }
> .leftContent {
> float:left;
> width:575px;
> }
> .rightContent {
> margin-left:600px;
> width:200px;
> }
> .rightContent ul {
> margin:0;
> padding:0 40px;
> }
> .rightContent li {
> list-style:none;
> padding:0 0 20px 0;
> }
> #footer {
> text-align:center;
> color:#707070;
> padding:10px 0;
> }
> .clearfloat { /* this class should be placed on a div or break element
> and should be the final element before the close of a container that
> should fully contain a float */
> clear:both;
> height:0;
> font-size: 1px;
> line-height: 0px;
> }
> #container .allContent .leftContent blockquote blockquote blockquote
> blockquote blockquote blockquote p {
> text-align: left;
> }
> #container .allContent .leftContent blockquote blockquote blockquote
> blockquote blockquote blockquote table tr td {
> text-align: center;
> }
> #container .allContent .leftContent blockquote blockquote blockquote
> blockquote blockquote blockquote table tr td .logoBackground b {
> text-align: justify;
> }
> #container .allContent .leftContent blockquote blockquote blockquote
> blockquote blockquote blockquote table tr td {
> text-align: justify;
> }
> #container .allContent .rightContent table tr td {
> text-align: left;
> }
> #container .allContent .leftContent table tr td {
> text-align: center;
> }
> #container .allContent .leftContent table tr td table tr td {
> text-align: center;
> font-weight: lighter;
> }
> #container .allContent .leftContent table tr td h3 {
> text-align: left;
> }
Wäre euch sehr dankbar wenn ihr mir helfen würdet...
Vorab ein frohes Weihnachsfest...
Sascha