Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.02.2009 um 16:17 (UTC)    
Titel: CSS Code Hilfe

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;}


Danke schonmal im voraus

LG Louis


Zuletzt bearbeitet von psxgame am 23.02.2009, 05:19, insgesamt einmal bearbeitet
Beitrag23.02.2009 um 04:20 (UTC)    
Titel:

Alle gleichwertigen Dinge wie z.B. "h1" solltest Du zusammen setzen.
Habe ich bei Dir mal rot gemacht.

Dann würde "h1" so aussehen:

Zitat:
h1 {
margin : 0 0 15px 0;
padding : 0;
font-size : 28px;
line-height : 28px;
font-weight : 900;
color : #ff4000;
color : #990000;
background-color : #fc9804;
font-family : arial, verdana, sans-serif;
font-style : italic;
font-variant : small-caps;
text-decoration : underline;
letter-spacing : 6px;
}


Ist doch etwas übersichtlicher Wink
Beitrag23.02.2009 um 11:54 (UTC)    
Titel:

Ahh, ok danke Smile und wo ich das einsetzte ist egal?
Beitrag23.02.2009 um 11:58 (UTC)    
Titel:

Wie fügt man CSS-Codes ein


Unter dem Punkt "Design einstellen" gehst Du ganz nach unten und klickst auf den Reiter "Erweiterte Designeinstellungen"

Hier findest Du das Feld "Text über dem Design"
Hier fügst Du jetzt den Code ein.
Beiträge der letzten Zeit anzeigen:   


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