<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Légendes d'un autre monde</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="legendesdunautremondedesign" href="legendesdunautremondedesign.css" />
</head>
<body>
<p class="titre">Légendes d'un autre monde</p>
<p class="enter"><br/><a href="legendesdunautremondeaccueil.html">-ENTER-</a></p>
<p class="musique"><embed src="Final_Fantasy_Crystal_Chronicles_-_Kazenone.mp3" autostart="true" width="70" height="24" loop="true">
</p> </body>
</html>
body
{
background-image: url("backgroundsitecopie2.jpeg");
background-color: #25190b;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
text-align: center;
color: #fdc566;
}
.enter
{
font-size: x-large;
font-family:"Felix Titling";
margin: auto;
position:absolute;
right:45%;
bottom:47%;
text-decoration: none;
color: #fdc566;
}
a:hover
{
text-decoration: none;
color: #fdc566;
background-image: url("fondenter2.png");
}
a:active
{
text-decoration: none;
color: #fdc566;
}
a:focus
{
text-decoration: none;
color: #fdc566;
}
a:visited
{
text-decoration: none;
color: #fdc566;
}
.titre
{
text-transform: capitalize;
font-size: xx-large;
font-family:"Felix Titling";
letter-spacing : 10px;
margin: auto;
position:absolute;
right:10%;
bottom:60%;
}
.musique
{
color: #fdc566;
position: absolute;
right: 0%;
bottom: 0%
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Légendes d'un autre monde</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="legendesdunautremondedesignaccueil" href="legendesdunautremondedesignaccueil.css" />
</head>
<body>
<p class="guepe3accueil"><a href="legendesdunautremondeaccueil.html"><img src="guepe3.png" alt="Accueil"></a></p>
<p class="guepe1biographie"><a href="legendesdunautremondebiographie.html"><img src="guepe1.png" alt="Biographie"></a></p>
<p class="guepe2telecharger"><a href="legendesdunautremondetelecharger.html"><img src="guepe2.png" alt="Télécharger"></a></p>
<p class="papillonextras"><a href="legendesdunautremondeextras.html"><img src="papillon.png" alt="Extras"></a></p>
<p class="titre">Légendes d'un autre monde</p>
<p class="accueil">A<br/>C<br/>C<br/>U<br/>E<br/>I<br/>L</p>
<p class="texte">ACCUEILA CCUEILACCUEILACCUEILAC CUEILACCUE ILAC CUEILACCUEI LA CUEILACCUEIL ACCUEILA CCUEIL
UE ILACCUEIL ACCU EILA CCUEILACCUEILA CCUEILACC UEILACCUEILACCUEILACCUEILACCUEIL
ACCUEI L ACCUEILACCUEILACCUEI LACCUEI LA C CUEILAC CUEILACCUEILA C CU EILACCUEILACCUEILACCUEIL
ACCUE I LACCU E ILACCU EILACCUEILACCUEILACCUEILACCUEIL A CCUEILACCU EILACCU EILACC UE ILACCUE IL
ACC UEILA CCUEILACCUEILACCUE ILACCUEILACCUEILACCUEILACCUEILACCUEILACCUEILACCUEILACCUEIL
ACCUEIL ACCUEILACCUEIL ACCUEILACCUEILACCUEILACCUEILACCUE ILACCUEILACCUEILACCUEIL ACCUEIL
AC CUEILACC UEILACCUEI LACC UEILACCUEILACCU LACCUEILACCUE ILACCUEILACCUE ILACCUEILACCUEIL
ACC EI LACCUEILA CCUEILACCUEILACCU EILA C CUE ILACC UEILACCUEILACCUEILACCUEILA C CUE ILACCUEIL</p>
<p class="pieddepage">Code et Design par <a href="mailto:florence.c95@hotmail.fr">Florence C.</a> 2009. Toute reproduction totale ou partielle est interdite sans l'accord des auteurs.</p>
</body>
</html>
body
{
background-image: url("backgroundsitecopie2.jpeg");
background-color: #25190b;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
text-align: center;
color: #fdc566;
}
.texte
{
overflow: hidden;
text-align: justify;
min-width : 685px;
min-height : 300px;
max-width : 685px;
max-height : 443px;
padding: 25px;
border: solid 1px #fdc566;
text-align: justify;
position:absolute;
right:5%;
bottom:23%;
}
.titre
{
text-transform: capitalize;
font-size: xx-large;
font-family:"Felix Titling";
letter-spacing : 10px;
margin: auto;
position:absolute;
right:10%;
bottom:90%;
}
.accueil
{
font-size: x-large;
font-family:"Felix Titling";
position:absolute;
right:80%;
bottom:38%;
border-right: solid 1px #fdc566;
padding: 15px;
}
.guepe3accueil
{
text-decoration: none;
border: none;
position: absolute;
right: 80%;
bottom: 10%;
}
.guepe1biographie
{
text-decoration: none;
border: none;
position: absolute;
right: 50%;
bottom: 5%;
}
.guepe2telecharger
{
text-decoration: none;
border: none;
position: absolute;
right: 20%;
bottom: 1%;
}
.papillonextras
{
text-decoration: none;
border: none;
position: absolute;
right: 90%;
bottom: 80%;
}
.pieddepage
{
font-size: x-small;
position: absolute;
bottom: 1%;
left: 1%;
color: #8d5b1c;
}
a
{
font-style: oblique;
color: #8d5b1c
}
a img
{
border: solid 1px #fdc566;
}
