Hay ihr!
Ich habe gerade durch die Hilfe eines Tutorials einen CSS Code erstellt...
Gewisse Grundkentnisse hatte ichs schon, aber ohne das Tutorial hätte ich das wohl nicht hinbekommen.
(Tutorial)
Jetzt wollte ich es einfach mal von euch Erfahrenen durchschauen lassen, sprich: Was könnte man noch zusammenfassen? Wo kann man etwas verbessern? usw.
Ich würde auch noch gerne andere Buttons benutzen, also mit einem Bild im Hintergrund oder so...
Ich würde einfach meine Seite gerne verschönern, falls ihr also Ideen habt, schreibt sie bitte.
(Bitte zu Vorschlägen auch Codes posten oder am besten in den CSS Code von mir einfügen und markieren)
Hier mein CSS Code
Zitat: body {
margin : 0;
padding : 0;
font-family : verdana, arial, helvetica, sans-serif;
color : #5c9222;
background-color : white;
}
h1 {
margin : 0 0 15px 0;
padding : 0;
font-size : 28px;
line-height : 28px;
font-weight : 900;
color : #ff4000;
}
p {
font : 11px/20px verdana, arial, helvetica, sans-serif;
margin : 0 0 16px 0;
padding : 0;
}
body {
background-color : #000000;
background-image : url("http://pressthebuttons.typepad.com/photos/uncategorized/gameover.gif");
background-repeat : no-repeat;
background-attachment : fixed;
background-position : center right;
}
h1 {
color : #990000;
background-color : #fc9804;
}
h1 {
font-family : arial, verdana, sans-serif;
font-style : italic;
}
h2 {
font-family : "Times New Roman", serif;
font-style : italic;
}
h1 {
font-variant : small-caps;
}
h2 {
font-variant : normal;
}
h1 {
text-decoration : underline;
}
h2 {
text-decoration : underline;
}
h3 {
text-decoration : underline;
}
h1 {
letter-spacing : 6px;
}
p {
letter-spacing : 3px;
}
a:link {
color : blue;
}
a:visited {
color : red;
}
a:active {
background-color : #ffff00;
}
a:hover {
text-transform : uppercase;
font-weight : bold;
color : black;
background-color : red;
}
body {
margin : 100px 40px 10px 70px;
}
h2 {
border-width : 10px;
border-style : inset;
border-color : red;
}
p {
border-width : 1px;
border-style : dashed;
border-color : blue;
}
ul {
border-width : thin;
border-style : solid;
border-color : orange;
}
h2 {
border-top-width : thick;
border-top-style : solid;
border-top-color : red;
border-bottom-width : thick;
border-bottom-style : solid;
border-bottom-color : blue;
border-right-width : thick;
border-right-style : solid;
border-right-color : green;
border-left-width : thick;
border-left-style : solid;
border-left-color : orange;
}
#nav_container{width:150px;float:left;display:block;}
#content{float:left;width:600px;}
#sidebar_heading{float:left;}
#counter{position:absolute;}