Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag21.02.2010 um 18:06 (UTC)    
Titel: CSS Design Hilfe

Hey Leute !
Ich hätte mal eine frage zu einem Design was ich sehr gut finde aber leider weiß ich nicht wie ich den CSS Code hier im Baukasten einfügen muss.
Würde mich sehr freuen auf eine Antwort Very Happy

Hier ist mein CSS Code:

Code:
/*
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


/*
   General
------------------------------------------------------------------- */

html {
   height: 100%;
   padding-bottom: 1px; /* force scrollbars */
}

body {
   background: #333 url('img/bg.gif');
   color: #333;
   font: normal 62.5% "Lucida Sans Unicode",sans-serif;
   margin: 3% 0;
}


/*
   Typography
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 {
   color: #994;
   font-weight: normal;
   line-height: 1;
   margin-bottom: 0.3em;
   font-family: "Lucida Sans Unicode", sans-serif;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: 0.9em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Text elements */

p {margin-bottom: 1em;}

a:focus,a:hover {color: #9A6;}
a {
   color: #682;
   text-decoration: underline;
}

abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
del {color:#666;}
em, dfn, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}
cite {color: #666;}

blockquote {
   background: #FFF;
   border-bottom: 1px solid #EEE;
   border-top: 1px solid #EEE;
   color: #333;
   display: block;
   font-size: 0.9em;
   margin-bottom: 1.2em;
   padding: 6px 12px;
}
blockquote p {margin: 5px 0;}


pre {
   margin: 1.5em 0;
   white-space: pre;
}
pre,code,tt {
   font: 1em monospace;
   line-height: 1.5;
}


/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 1.5em 1.5em 1.5em;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}

#main li {list-style-image: url('img/li.gif');}


/* Tables */

table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold;}
thead th {background: #C3D9FF;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE;}

table.data-table {
   border: 1px solid #EEE;
   margin-bottom: 2em;
   width: 100%;
}
table.data-table th {
   background: #EEE;
   border: 1px solid #DDD;
   color: #555;
   text-align: left;
}
table.data-table tr {border-bottom: 1px solid #EEE;}
table.data-table td, table th {padding: 8px 10px;}
table.data-table td {
   background: #F6F6F6;
   border: 1px solid #E6E6E6;
}
table.data-table tr.even td {background: #FCFCFC;}



/* Misc classes */

.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}

.large {font-size: 1.1em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.3em;}

.hidden {display: none;}

.quiet {color: #666;}
.loud {color: #000;}
.highlight {background: #FF0;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.error, .notice, .success {
   border: 1px solid #DDD;
   margin-bottom: 1em;
   padding: 0.6em 0.8em;
}

.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}



/*
   Alignment
------------------------------------------------------------------- */

/* General */

.center,.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter {
   background-color: #FFF;
   border: 1px solid #DDD;
   padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}


/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
   display: block;
   font-size: 0;
   line-height: 0;   
}


/*
   Layout
------------------------------------------------------------------- */

#main_right .padded {padding: 6px 2px 6px 16px;}
#main .padded {padding: 18px 24px;}
.meta {font-size: 0.9em; color: #666;}

/* Structure */
#container {
   font-size: 1.2em;
   background: url('img/bgcontainer.gif') repeat-y;
   margin: 0 auto;
   width: 840px;
   border: 12px solid #222;
}

/* Header */
#header {
   float: left;
   width: 640px;
   background: url('img/header.jpg') no-repeat;
   font: normal 2.4em Verdana,sans-serif;
   line-height: 150px;
   text-align: center;   
}

/* Top */
#top {
   background: #222;
   color: #DDD;
   font: normal 1.4em Verdana;
   min-height: 50px;
   text-align: center;
}

/* Subnav */
#subnav {width: 160px;}

/* Main */
#main_left {width: 640px;}
#main {width: 480px;}
#main_right {
   width: 200px;
   color: #CCC;
}

/* Sub-navigation */
#subnav h1 {
   background: #222;
   color: #FFE;
   font: bold 1.1em Verdana,sans-serif;
   line-height: 24px;
   padding-left: 8px;
}
#subnav ul {margin: 0; padding: 0;}
#subnav li {
   border-bottom: 1px solid #696755;
   list-style: none;
}
#subnav li a {
   background: #89866F;   
   color: #111;
   display: block;
   padding: 8px 0 8px 12px;
   width: 148px;
   text-decoration: none;
}
#subnav li a:hover {
   background: #9C997C;
   color: #000;
}

/* Footer */
#footer {
   background: url('img/bgfooter.gif') repeat-x;
   color: #CCC;
   font-size: 0.9em;
   padding: 12px 16px;
}
#footer a {color: #EEE;}
#footer a:hover,#footer .right a:hover {color: #FAFCB0;}
#footer .right, #footer .right a {color: #949474;}
Beitrag24.03.2010 um 20:40 (UTC)    
Titel:

Weiß denn keiner wie das vielleicht mit dem Code funktioniert ? Sad
Beitrag24.03.2010 um 21:08 (UTC)    
Titel:

Beiträge der letzten Zeit anzeigen:   


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