html:
<html>
<title>graficaangel</title>
<link type="text/css" rel="stylesheet" href="screen.css">
<body bgcolor="#414d59">
<body background="img\wallpaper.jpg">
<div id="principale">
<font id="h2">!grafica
<font id="h1">angel!
<div id="menu">
<div id="m1">
H
O
M
E
<div id="m2">
G
U
I
D
E
<div id="m3">
G
A
L
L
E
R
Y
<div id="m4">
M
A
I
L
<div id="contenuto">
<font id="h3">graficaangel site
<font id="h4">
ciao a tutti,
io sono marco e sono il possesore di questo sito.
come potete notare, all'interno di questo sito si trattano argomenti grafici (design, web design,photshop ,gimp ,paint sho pro ,ecc)e di programmazione(html,css,php,ecc).
io nelle sezioni guide cercherò di aggiornare i link dei tutorial.
premetto che sono un ragazzo di 13 anni e premetto anche che questo sito e una mia prima esperienza.
comunque buona navigazione a tutti!
</html>
css:
#body {
background-image:url(img/wallpaper.jpg);
}
#principale {
background-color: #0090ff;
width: 905px;
min-height: 750px;
margin: auto;
margin-left: 20px;
margin-top: 10px;
}
#logo {
float: left;
margin-left: 750px;
}
#h1 {
margin-left: 907px;
font-family: arial;
color: #ffffff;
font-size: 25px;
}
#h2 {
margin-top: 20px;
margin-left: 820px;
font-family: arial;
color: #000000;
font-size: 25px;
}
#menu{
float: left;
}
#m1{
font-size: 10px;
height: 100px;
width: 20px;
background-image: url(img/bgm1.png);
margin-left: -20px;
padding: 5px;
padding-top: 0px;
background-repeat: no-repeat;
}
#m2{
font-size: 10px;
height: 100px;
width: 20px;
background-image: url(img/bgm4.png);
margin-left: -20px;
padding: 5px;
padding-top: 0px;
background-repeat: no-repeat;
}
#m3{
font-size: 10px;
height: 100px;
width: 20px;
background-image: url(img/bgM5.png);
margin-left: -20px;
padding: 5px;
padding-top: -2px;
background-repeat: no-repeat;
}
#m4{
font-size: 10px;
height: 100px;
width: 20px;
background-image: url(img/bgm8.png);
margin-left: -20px;
padding: 5px;
padding-top: -5px;
background-repeat: no-repeat;
}
#contenuto{
background-color: #0090ff;
}
#h3 {
margin-left: 325px;
font-family: arial;
color: red;
font-size: 30px;
}
#h4 {
margin-left: 0px;
font-family: arial;
color: #ffffff;
font-size: 18px;
}