|
J' ai mis
le code sur la ligne 4.
Quelques
explications:
| border:
#777777 4px outset; |
Ici
on définit la bordure de la page |
scrollbar-base-color:
#777777;
scrollbar-track-color:
#000000;
scrollbar-arrow-color:
#ffffff;
scrollbar-shadow-color:
#ffffff;
scrollbar-highlight-color:
#ffffff; |
Ici,
on note les couleurs concernant la scrollbar |
.tb {
left: 0px;
position:
absolute;
top: 0px;
height:
113%;
}
.im {
left:
-1800px;
position:
absolute;
top:
-1800px;
}
.offs {
left:
-1800px;
position:
absolute;
top:
-1800px;
} |
Ceci
, on n' y touche pas.
Cela
concerne la position du papier simple. |
.mess {
border:
#4A4A4A 3px double;
padding:
10px;
font-family:
AnnabelleJF;
font-size:
14pt;
color:
#ffffff;
overflow:
auto;
position:
absolute;
right:
20px;
top: 10%;
height:
80%;
width:
400px;
filter:
progid:DXImageTransform.Microsoft.Alpha(enabled=1; Style=0, opacity=35);
background-color:
#000000
} |
Ici,
on définit la boite de texte:
-sa bordure ( 3 pixels, double et sa couleur )
-la police
-La position de la boite de texte et sa largeur.
-Le filtre permettant de modifier l'opacité de la couleur de
fond de la boite de texte. |
Pour
votre version, amusez vous à changer les couleurs, les
dimmensions, etc...
4 -
Définition de la couleur de fond de la page.
Mettre en
surbrillance ( bleu) la première balise BODY,
notée <body>
Copier et
coller cette ligne à la place
| <body
bgColor=#000000 scroll=no> |
Ce qui
donne ceci
Comme j'
ai choisi la couleur noire, à ce stade là, si je
visualise ma page, je la vois noire.
5-
Insertion du papier simple
Copier et
coller ce code entre les deux balises BODY, notées
<body> et </body>
Sur ma
page, je l' ai collé sur la ligne 50
Comme cela
Quelques
explications:
| Les
balises <table> et </table> |
Le
papier simple est contenu dans un tableau,
reconnaissable à ces deux balises. |
| <table
id=tab class="tb" style="width: 1024px;" align=center> |
On
précise la largeur en pixels du tableau.
Il
doit étre de la taille de votre papier.
Pour
mon cas, il fait 1204 pixels |
<img
id=back class="offs"
src="Papier_Femme.jpg"> |
Ici,
on note le nom exact du papier. |
6 - La
boite de texte.
Copier et
coller ce code sous l'insertion du papier, environ ligne 56.
Comme ceci
Ecrire le
texte souhaité.
7 -
Insertion du gif.
Copier et
coller cette ligne sous la boite de texte.
<!--Ici,
on met le gif et sa taille-->
<img
class=im id=f src="Animation.gif" width="37" height="34"> |
Ce qui
donne ceci
Pour
votre version, attention à bien modifier le nom du gif et sa
taille.
8 - Insertion du script.
Copier et coller ce code sous l'insertion du gif.
A ce
stade ci du cours, vous pouvez visualiser votre page.
Il ne
manque plus que deux petites choses.
9- Le
titre de votre page.
Entre les
deux balises TITLE, noter le titre de votre page.
Comme cela
10 -
Insertion de la musique.
Copier et
coller cette ligne sous la première balise BODY
| <bgsound
balance=0 src="Garou.mid" volume=0 loop=infinite> |
Comme ceci
12 -
Félicitation, vous avez terminé votre page.
Visualiser
votre page, puis enregistrer la une dernière fois.
Il ne
reste plus qu 'à héberger votre
matériel et votre page.
|
