Suche im Forum:
Suchen


Autor Nachricht
Beitrag18.07.2008 um 05:28 (UTC)    
Titel: PRobleme mit CSS einbindung

Habe ein problem und zwar habe ich ein fertigen CSS Code, jedoch will der nciht so wie ich das gerne hätte.

Hier der Code:
Code:

<style type="text/css">
<!--

body {
   margin: 0;
   padding: 0;
   background: #FFFFFF url(http://80.190.202.79/pic/c/chummer-geldverdienen-backup/img01.jpg) repeat-x left top;
   text-align: justify;
   font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #000000;
}

form {
   margin: 0;
   padding: 0;
}

fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

input, textarea {
   padding: 5px;
   border: 1px solid #626262;
   font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h1 a, h2, h2 a, h3, h3 a {
   margin: 0;
   text-decoration: none;
   font-weight: normal;
   color: #CF3822;
}

h1 {
   letter-spacing: -3px;
   font-size: 2.6em;
}

h2 {
   letter-spacing: -2px;
   font-size: 2em;
}

h3 {
   margin-bottom: 2em;
   font-size: 1em;
   font-weight: bold;
}

p, ol, ul {
   margin: 0 0 2em 0;
   line-height: 200%;
}

blockquote {
   margin: 0 0 0 1.5em;
   padding-left: 1em;
   border-left: 5px solid #DDDDDD;
}

a {
   color: #000000;
   text-decoration: none;}

a:hover {
   text-decoration: none;
   color: #FF5134;
}

img {
   border: none;
}

img.left {
   float: left;
   margin: 8px 20px 0px 0px;
   border: 2px solid #434343;
}


/* Header */

#wrapper {
}

#header {
   width: 900px;
   height: 110px;
   margin: 0 auto;
}

#logo h1, #logo p {
   float: left;
}

#logo h1 {
   height: 88px;
   padding: 20px 90px 0 0;
   font-size: 4em;
}

#logo p {
   margin: 0 0 0 -80px;
   padding: 55px 0 0 0;
   line-height: normal;
   letter-spacing: -1px;
   font-size: 1.2em;
   font-weight: bold;
}

#logo a {
   text-decoration: none;
   font-weight: bold;
}

#logo p a {
   color: #CF3822;
}

/* RSS */

#rss {
   padding: 30px 39px 20px 0;
   text-align: right;
}

#rss a {
   padding: 0 0 3px 24px;
   text-decoration: none;
   font-weight: bold;
   color: #FF5134;
}

#rss a:hover {
}

/* Search */

#search {
   float: right;
   width: 200px;
   height: 25px;
   background: #FEEEB2;
   border: 1px solid #FFE4AD;
}

#search #x {
   display: none;
}

#search #s {
   padding: 6px 10px 5px 10px;
   width: 160px;
   height: auto;
   background: none;
   border: none;
   font: normal 10px Arial, Helvetica, sans-serif;
   color: #DC7635;
}

#search br {
   display: none;
}

/* Menu */

#menu {
   width: 895px;
   height: 60px;
   margin: 0 auto;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#menu li {
   display: inline;
   font-family: Tahoma, Arial, sans-serif;
}

#menu a {
   display: block;
   float: left;
   margin: 6px 4px 6px 2px;
   padding: 1px 10px;
   text-decoration: none;
   font-size: 1em;
   font-weight: normal;
   color: #FFFFFF;
}

#menu a:hover {
   background: #E8922B;
}

#menu .current_page_item {
}

#menu .current_page_item a {
   background: #E8922B;
   border-right: 2px solid #B24100;
   border-bottom: 1px solid #B24100;
}

/* Page */

#page {
   width: 890px;
   margin: 0 auto;
   padding: 30px 0;
}

/* Ads */

#ads {
   float: right;
   width: 160px;
   padding: 0 0 0 20px;
}

#ads img {
   border: 1px dashed #F5E0B7;
}
/* Content */

#content {
   float: left;
   width: 430px;
}

.post {
   margin-bottom: 50px;
   border-bottom: 1px #A90000 dashed;
}

.post .title {
   font-family: Georgia, "Times New Roman", Times, serif;
}

.post .title h2 {
   font-size: 2.2em;
   color: #CF3822;
}

.post .title p {
   margin: 0;
   line-height: normal;
   color: #BABABA;
}

.post .title p a {
   color: #880A0B;
}

.post .entry {
   padding-top: 30px;
}

.post .links {
   float: left;
   width: 510px;
   margin: 0;
   padding: 6px 0 0 0px;
}

.post .links a {
   padding: 5px 7px;
   text-decoration: none;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10px;
   color: #CF3822;
   background: #C65C18;
   border-top: 1px solid #D7D3CD;
   border-left: 1px solid #D7D3CD;
   border-right: 2px solid #362F23;   
   border-bottom: 1px solid #362F23;

}

.post .links a:hover {
   text-decoration: none;
}

.post .links .more {
   color: #FFFFFF;
}

.post .links .comments {
   color: #FFFFFF;
}

/* Sidebar */

#sidebar {
   float: right;
   width: 240px;
   background: #F8F4DC;
   border: 1px dashed #F5E0B7;
   margin-bottom: 25px;
}

#sidebar ul {
   margin: 20px 0 0 0;
   padding: 0;
   list-style: none;
}

#sidebar li {
   margin-bottom: 20px;
}

#sidebar li ul {
   padding: 0px 20px 0px 20px;
   line-height: 200%;
}

#sidebar li li {
   margin: 0;
   padding-left: 15px;
   padding-bottom: 5px;
}

#sidebar h2 {
   width: 210px;
   height: 30px;
   padding: 5px 0 0 20px;
   letter-spacing: -1px;
   font-size: 1.6em;
   font-family: Georgia, "Times New Roman", Times, serif;
}

#sidebar a:hover {

}

/* Calendar */

#calendar_wrap {
   padding: 15px 20px;
}

#calendar table {
   width: 100%;
   background: #1F1F1D;
   border: 1px solid #11110F;
   text-align: center;
}

#calendar thead {
   background: #161616;
}

#calendar tbody td {
   background: #0F0F0D;
   border: 1px solid #11110F;
}

#calendar #prev {
   text-align: left;
}

#calendar #next {
   text-align: right;
}

#calendar tfoot a {
   text-decoration: none;
   font-weight: bold;
}

#calendar #today {
   background: #121210;
   border: 1px solid #11110F;
   font-weight: bold;
   color: #CF3822
}

/* Footer */

#footer {
   clear: both;
   width: 950px;
   margin: 0 auto;
   padding: 30px 0;
   background: url(http://80.190.202.79/pic/c/chummer-geldverdienen-backup/img02.jpg) repeat-x left top;
   color: #B85212;
}

#footer p {
   margin: 0 0 5px 0;
   text-align: center;
   line-height: normal;
   font-size: .9em;
}

#footer a {
   background: #E8922B;
   padding: 1px 6px;
   border-right: 2px solid #B24100;
   border-bottom: 1px solid #B24100;
   text-decoration: none;
   color: #FFFFFF;
}

-->
</style>


Bilder Adressen sind ebenfalls richtig, nur der will irgendwie nicht. Kann mir jemand helfen?
Beitrag18.07.2008 um 10:57 (UTC)    
Titel:

So wie der Code aussieht, ist er nicht vom Baukasten. Das heißt, dein Code müsste komplett dem Baukasten angepasst werden. Das ist ziemlich viel Arbeit und jeder, der das schon einmal gemacht hat, kann das Selbe sagen Wink

Du hast hier einen Code, der von einem Template ist, welches zum Hosten geeignet ist. Da wir hier beim Baukasten aber bei unseren Designs vorgaben habe, wirst du mit solchen Codes nicht weit kommen, es sei den du kennst dich gut aus.
______________
LG André

GMMTS.de
Beitrag20.07.2008 um 13:33 (UTC)    
Titel:

sprich ich muss den code komplett umschreiben?
Beiträge der letzten Zeit anzeigen:   


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