Bonsoir,
Je possède un site web que j'aimerai réussir a coder pour que l'on puisse charger qu'une fois le "design" du site, et que toutes les pages s'ouvre dans le carré accueil/news.
Actuellement mes pages s'affichent a l"ancienne c'est à dire que le header footer etc chargent a chaque fois : vous povez le voir notament avec la page d'accueil ( index.htm) et la page série (série.htm).
http://generationmangas1.free.fr/Generation%20Mangas/V3/[/url]
La structure de mon design est codé sur un CSS "externe" a mon index en html
Code XHTML
Et mon code CSS :
J'ai essayé la méthode include pour tester grâce au tuto du site mais je n'y suis pas parvenu
Voilàa :s
Modifié par Sidji (19 Dec 2007 - 18:52)
Je possède un site web que j'aimerai réussir a coder pour que l'on puisse charger qu'une fois le "design" du site, et que toutes les pages s'ouvre dans le carré accueil/news.
Actuellement mes pages s'affichent a l"ancienne c'est à dire que le header footer etc chargent a chaque fois : vous povez le voir notament avec la page d'accueil ( index.htm) et la page série (série.htm).
http://generationmangas1.free.fr/Generation%20Mangas/V3/[/url]La structure de mon design est codé sur un CSS "externe" a mon index en html
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> :: [ Generation Mangas V3 >> Découvrez la passion a travers l'animation ! ] :: //</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="designV3" href="CSS/designV3.css" />
</head>
<body>
<div id="header">
<!-- Ici on mettra le header mais en CSS-->
<div id="tagboard">
<p>Ici se trouvera la tagboard de Génération Mangas.</p>
</div>
<div id="editorial">
<p>Bienvenue sur notre site ! A ce jour énormément de sites web proposent des séries en téléchargement, mais beaucoup d'animés et de de mangas sont souvent mis à l'écart. <br />
Sans compter de très bon OST qui passent inapercus ou encore des dossiers incomplets dû tout simplement au manque de traitements de ces sections au détriment du download. <br />
Sur Generation Mangas, vous retrouverez donc une petite communauté qui grandira doucement mais sûrement!<br />
Nous ne priviligeons pas seulement la section multimédia et vous retrouverez toujours de l'actualité sur l'animation ! <br />
Nous vous souhaitons une agréable visite et n'hésitez pas à nous faire part de vos critiques, bon surf !</p>
</div>
</div>
<div id="page">
<div id="menu"> <!-- Cadre correspondant au menu -->
<div id="home"> <!-- Cadre correspondant au menu HOME -->
<a href="index.htm" title="News">News</a><br />
<a href="infos_site.htm" title="Informations sur le site">Informations sur le site</a><br />
<a href="staff.htm" title="Staff">Staff</a><br />
<a href="recrutement.htm" title="Recrutement">Recrutement</a><br />
<a href="http://generationmangas1.free.fr/Forum/GM/index.php" title="Forum">Forum</a><br />
<a href="http://www.i-services.net/membres/livredor/livredor.php?user=53399" title="Livre d'or">Livre d'or</a><br />
<a href="bannieres.htm" title="Bannières">Bannières</a><br />
<a href="mailto:generationmangas1@free.fr" title="Nous contacter">Nous contacter</a><br />
<a href="dons_ftp.htm" title="Dons FTP">Dons FTP</a><br />
<a href="sondages.htm" title="Sondages">Sondages</a><br />
<a href="faq.htm" title="FAQ">FAQ</a><br />
<a href="liens.htm" title="Liens">Liens</a>
</div>
<div id="multimedia"> <!-- Cadre correspondant au menu MULTIMEDIA -->
<a href="series.htm" title="Séries">Séries</a><br />
<a href="oavs.htm" title="OAVs">OAVs</a><br />
<a href="films.htm" title="Films">Films</a><br />
<a href="osts.htm" title="OSTs">OSTs</a><br />
<a href="scans.htm" title="Scans">Scans</a><br />
<a href="covers.htm" title="Covers">Covers</a><br />
<a href="dossiers.htm" title="Dossiers">Dossiers</a><br />
<a href="galerie_images.htm" title="Galerie d'images">Galerie d'images</a><br />
<a href="wallpapers.htm" title="Wallpapers">Wallpapers</a><br />
<a href="amvs.htm" title="AMVs">AMVs</a><br />
<a href="fans.htm" title="Créations de fans">Créations de fans</a><br />
<a href="utilitaires.htm" title="Utilitaires">Utilitaires</a><br />
</div>
<div id="partenaires"> <!-- Cadre correspondant au menu PARTENAIRES -->
<a href="bannieres.htm" title="Votre site ici?">Votre site</a><br />
<a href="bannieres.htm" title="Votre site ici?">Votre site</a><br />
<a href="bannieres.htm" title="Votre site ici?">Votre site</a><br />
<a href="bannieres.htm" title="Votre site ici?">Votre site</a><br />
<a href="bannieres.htm" title="Votre site ici?">Votre site</a><br />
<a href="bannieres.htm" title="Votre site ici?">Votre site</a><br />
<a href="bannieres.htm" title="Votre site ici?">Votre site</a><br />
<a href="bannieres.htm" title="Votre site ici?">Votre site</a><br />
<a href="bannieres.htm" title="Votre site ici?">Votre site</a><br />
<a href="bannieres.htm" title="Votre site ici?">Votre site</a><br />
<br />
<a href="liens.htm" title="Voir tous les partenaires">Voir tous les partenaires</a>
</div>
</div>
<div id="corps"> <!-- Cadre correspondant au CORPS en include -->
</div>
</div>
<div id="footer">
<div id="pub">
<!-- Ici on mettra la pub-->
</div>
</div>
</body>
</html>Et mon code CSS :
/* ------------------- :: FOND DU SITE :: ------------------ */
/* --------------------------------------------------------------*/
body
{
width: 900px;
margin: auto;
background-color: white;
line-height: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
a img
{
border: none;
}
/* --------------- :: STYLE DES LIENS :: -------------- */
/* ----------------------------------------------------------*/
a:link
{
color: black;
text-decoration: none;
font-weight: normal;
cursor: crosshair;
word-spacing: normal;
white-space: normal;
}
a:active
{
color: #FF0000;
text-decoration: none;
font-weight: normal;
cursor: crosshair;
word-spacing: normal;
white-space: normal;
}
a:visited
{
color: black;
text-decoration: none;
font-weight: normal;
cursor: crosshair;
word-spacing: normal;
white-space: normal;
}
a:hover
{
color: #0D0EA2;
text-decoration: none;
font-weight: bold;
cursor: crosshair;
word-spacing: normal;
white-space: normal;
}
/* --------------- :: STYLE DES TITRES :: -------------- */
/* -------------------------------------------------------------*/
h1
{
text-align: center;
font-weight: bold;
font-family: "Verdana", "Times New Roman", serif;
color: #0D0EA2;
font-size: 18px
}
/*
h2
{
}
h3
{
}
h4
{
}
h5
{
}
h6
{
}
*/
/* --------------- :: STYLE DES BLOCS :: -------------- */
/* -----------------------------------------------------------*/
#header
{
width: 900px;
height: 490px;
background-image: url("../images/design/header.jpg");
}
#tagboard
{
width: 395px;
height: 165px;
position: relative;
left: 65px;
top: 280px;
}
#editorial
{
width: 363px;
height: 165px;
position: relative;
left: 472px;
top: 113px;
margin-left: 6px
}
#page
{
width: 900px;
background-image: url("../images/design/corps.jpg");
background-repeat: repeat-y;
}
#menu
{
width: 230px;
height: 585px;
float: left;
}
#home
{
position: relative;
left: 65px;
}
#multimedia
{
position: relative;
left: 65px;
top: 70px;
}
#partenaires
{
position: relative;
left: 65px;
top: 150px;
}
#corps
{
width: 610px;
height: 585px;
overflow: auto;
margin-left: 10px;
}
#footer
{
width: 900px;
height: 125px;
background-image: url("../images/design/footer.jpg");
clear: both;
}
#pub
{
width: 575px;
height: 80px;
position: relative;
left: 272px;
top: 30px;
}J'ai essayé la méthode include pour tester grâce au tuto du site mais je n'y suis pas parvenu
Voilàa :s
Modifié par Sidji (19 Dec 2007 - 18:52)
jusqu'ici tout vas bien. ( car la page news doit etre la première page a s'afficher dans le "cadre" quand ona rrive.
tu peux m'en dire plus concernant les l'utilisation des id ? 
