GraphiX

 

 

 

 

 Im Tutorial "HTML Grundcode" habe ich ja schon erklärt,

wie so ein Code aussieht und wie er aufgebaut ist..

Aber ohne diesen Bodybereich ist die Page ziemlich langweilig ;D

Also erkläre ich euch hier,

was in diesen Bereich reinkommt  

 

Zwischen "</title> und "</head> fügt ihr erst noch "<style> ein,

da dort auch der Stylesheet beginnt..

Soll dann so aus sehen:

___________________________________________________________

 ...
"<title>Dein Titel(was oben angezeigt wird)"</title>

"<style>


  "</head>

...

.___________________________________________________________


 Und nun zwischen "<style> und "</head> fügt ihr folgenden Code ein:


"!-- Scrollbalken !--"

body {

scrollbar-face-color: #farbe;

scrollbar-highlight-color: #farbe;

scrollbar-3dlight-color: #farbe;

scrollbar-darkshadow-color: #farbe;

scrollbar-shadow-color: #farbe;

scrollbar-arrow-color: #farbe;

scrollbar-track-color:#farbe;

}

"!-- Ende Scrollbalken !--"

 

"!-- Linkeffekte !--"

a:link,{
color: #linkfarbe;
}
a:visited {
color: #besuchte--linkfarbe;
}
a:active {
color: #linkfarbe;
}
a:hover {
color: #linkfarbebeimdrübergehen;
}  



"!-- Texteffekte(Farben, Kursiv usw...) !--"

font {

color: #textfarbe;

font-family: Schriftart;

font-size: Schriftgröße(px);

}

b, strong{

color:#farbefett;

}

i, em{

color:#farbekursiv;

}

u{

color: #farbeunterstrichen;

text-decoration:underline;

}

s, strike{

color:#farbedurchgestrichen;

}

"!-- Ende Texteffekte !--"

"!-- Hier Navigation (siehe Tutorial Navigation) !--"

"!-- Anfang Textarea (Textfeld) !--"

TEXTAREA {

color: #textfarbe;

Font-Family: Schriftart;

Font-Size: Schriftgröße(px);

width:breitepx;

height:höhepx;

background-color: #hintergrundfarbe;

border: 1px solid #rahmenfarbe;

}

"!-- Ende Textarea !--"

"!-- Anfang Input (Eingabenfeld) !--"

INPUT {

color: #textfarbe;

Font-Family: Schriftart;

Font-Size: Schriftgröße(px);

background-color: #hintergrundfarbe;

width: breitepx;

height: höhepx;

Border: 1px solid #rahmenfarbe;

}

*!-- Ende Input !--*

 

So.. das wars mit diesem BodyCode nun

Jetzt, wenn ihr diesen Code an der Stelle, die ich oben kurz beschrieben habe, eingefügt (und natürlich auch geändert ;D (Farben usw.)) habt, gebt ihr hinter diesen Code noch  "</style> ein,

da dort somit auch der Stylesheet endet.

Und nach "</style> müsste nun auch noch "</head> stehen..

(Wenn nicht, gebt ihr das noch ein) 

So.. der Code sollte nun so aus sehen:

____________________________________________________________

...

Border: 1px solid #rahmenfarbe;

 

}


"</style>

 "</head>

...

____________________________________________________________

 

Und das wars mit diesem Bodybereich auch schon

 

Home
Webmiss
Contact
G-Book
Gratis bloggen bei
myblog.de