Je peux mettre les codes mais ça va être long :
Mais comme je n´ai pas modif le code... :´(
xHTML
<!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>Tokio Hotel Live</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<link rel="alternate stylesheet" media="screen" type="text/css" title="Deuxième Design" href="deuz.css" />
</head>
<body>
<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>
<div id="menu">
<span id="news"><a href="accueil.html"><img src="news.png" alt="Bouton News" /></a></span>
<span id="groupe"><a href="agroupe.html"><img src="groupe.png" alt="Bouton groupe" /></a></span>
<span id="bio"><a href="bio.html"><img src="bio.png" alt="Bouton Bio" /></a></span>
<span id="disco"><a href="disco.html"><img src="disco.png" alt="Bouton Disco" /></a></span>
<span id="concerts"><a href="concerts.html"><img src="concerts.png" alt="Bouton Concerts" /></a></span>
<span id="media"><a href="media.html"><img src="media.png" alt="Bouton Médias" /></a></span>
<span id="more"><a href="++.html"><img src="++.png" alt="Bouton ++" /></a></span>
</div>
<div id="calendrier">
<script type="text/javascript" language="javascript"
src="
http://www.i-services.net/membres/agenda/cale
ndrier.php?user=121706&idcat=0&annee=0&
;mois=0&target=_blank&compact=0"></script>
</div>
<div id="corps">
<img src="menunews3.png" class="newsgauche" alt="News" />
<h1>Tokio Hotel Live</h1>
<p> <object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-44455354000
0"
codebase="
http://fpdownload.macromedia.com/pub/sho
ckwave/cabs/flash/swflash.cab#version=7,0,0,0" width="200" height="20" id="dewplayer" align="middle"><param name="wmode" value="transparent"><param name="allowScriptAccess" value="sameDomain" /><param name="movie"
value="dewplayer.swf?mp3=heilig.mp3&autostart=
1&autoreplay=1&showtime=1&bgcolor=FFFF
FF" /><param name="quality" value="high" /><param name="bgcolor" value="FFFFFF" /><embed
src="dewplayer.swf?mp3=heilig.mp3&autostart=1&
amp;autoreplay=1&showtime=1&bgcolor=FFFFFF
" quality="high" bgcolor="FFFFFF" width="200" height="20" name="dewplayer" wmode="transparent" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="
http://www.macromedia.com/go/getflash
player"></embed></object> </p>
<script type="text/javascript" language="javascript">
<!--
IS_query_string=window.location.search.substr(1,wi
ndow.location.search.length-1);
IS_query_string=IS_query_string.split(´&´);
IS_page=IS_jour=IS_mois=IS_annee=IS_idnews=0;
IS_keyword=´´;
for(i=0;i < IS_query_string.length;i++)
{
if(IS_query_string[i].indexOf(´pgis=´) != -1)
{
IS_page=IS_query_string[i].substr(5,IS_query_strin
g[i].length-5);
}
else if(IS_query_string[i].indexOf(´keyword=´) != -1)
{
IS_keyword=IS_query_string[i].substr(8,IS_query_st
ring[i].length-8);
}
else if(IS_query_string[i].indexOf(´jour=´) != -1)
{
IS_jour=IS_query_string[i].substr(5,IS_query_strin
g[i].length-5);
}
else if(IS_query_string[i].indexOf(´mois=´) != -1)
{
IS_mois=IS_query_string[i].substr(5,IS_query_strin
g[i].length-5);
}
else if(IS_query_string[i].indexOf(´annee=´) != -1)
{
IS_annee=IS_query_string[i].substr(6,IS_query_stri
ng[i].length-6);
}
else if(IS_query_string[i].indexOf(´idnews=´) != -1)
{
IS_idnews=IS_query_string[i].substr(7,IS_query_str
ing[i].length-7);
}
}
document.write(´<scr´+´ipt type="text/javascript" language="javascript"
src="
http://www.i-services.net/membres/newsbox/new
sbox.php?user=121706&idbox=42577&pgis=´+IS
_page+´&url_page=´+escape(document.location.hr
ef)+´&keyword=´+IS_keyword+´&annee=´+IS_an
nee+´&mois=´+IS_mois+´&jour=´+IS_jour+´&am
p;idnews=´+IS_idnews+´"><´+´/scr´+´ipt>´);
//-->
</script>
</div>
<div id="pied_de_page">
<p>Copyright Tokio Hotel Live 2007, tous droits réservés <br />
<p> <a href="credits.html">Le Site - Crédits</a> | <a href="contact.html">Contact</a> | <a href="
http://tokiohotel.superforum.fr">Forum</a> |
</p>
</div>
</body>
</html>
CSS
body
{
width: 760px;
margin: nixx; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d´enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d´avoir un vieux fond blanc :p */
}
- en_tete
{
width: 800px;
height: 200px;
background-image: url("bann2.png");
background-repeat: no-repeat;
margin-bottom: 10px;
margin: auto;
}
/* Le menu */
- menu
{
top: 10%;
width: 760px; /* Très important : donner une taille au menu */
height: 80px;
margin-top: 50px;
- news
{
width: 139px;
height: 80px;
}
- news:hover
{
background: url(termine.gif) no-repeat;
}
- calendrier
{
width: 160px;
height: 200px;
float: left;
margin-top: 20px;
border: 2px solid black;
}
- corps
{
width: 613px;
height: 371px;
margin-left: 180px; /* Une marge à gauche pour pousser le corps, afin qu´il ne passe plus sous le menu */
margin-top: 20px;
margin-bottom: 20px; /* Ca c´est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l´intérieur du corps ne colle trop à la bordure */
color: #B3B3B3;
background-image: url("curdeur.jpg");
background-repeat: no-repeat;
border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
- corps .newsgauche
{
float:left;
}
- corps h1 /* Tous les titres h1 du corps */
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
- corps h2 /* Tous les titres h2 du corps */
{
height: 30px;
background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L´image ne se répètera pas, elle sera à gauche du titre */
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}
- pied_de_page
{
padding: 5px;
text-align: center;
color: #000000;
background-color: #8fbc8f;
border: 2px solid black;
}
- pied_de_page a /* Tous les liens se trouvant dans un menu */
{
color: #008b8b;
text-decoration: none;
}
- pied_de_page a:hover /* Quand on pointe sur un lien du menu */
{
color: #ff4500;
text-decoration: underline overline;
}
