Bonjour,
Comme le titre l’indique, je cherche à mettre une image différente (non aléatoire) à chaque page de mon site, dans mon "header" pour être plus précis. Il s'agit d'un sous-titre (en .png) qui accompagnera une image principale et sera destiné à identifié la page. Je sais que l'on peu faire ça en php mais étant débutant, je n'arrive pas à le faire moi-même malgré mais essais. On ma donné un bout de code qui permet de le faire, mais comme je ne comprends pas, j'aimerais que l'on m'explique la procédure à suivre afin de ne pas copier coller bêtement. Je mets mes pages principales afin que vous puissiez voir de quoi il retourne :
index.php :
style.css :
Mon site est constitué de 6 pages en "includes" (accueil, historique, bureau, boxeurs, événement et contact). Sur chaque page je veux donc un sous titre (qui est en png) différent à coté de mon image principale qui elle ne changera pas. Merci d'avance pour vos propositions !
Modifié par Kazuya76 (16 Jul 2013 - 17:43)
Comme le titre l’indique, je cherche à mettre une image différente (non aléatoire) à chaque page de mon site, dans mon "header" pour être plus précis. Il s'agit d'un sous-titre (en .png) qui accompagnera une image principale et sera destiné à identifié la page. Je sais que l'on peu faire ça en php mais étant débutant, je n'arrive pas à le faire moi-même malgré mais essais. On ma donné un bout de code qui permet de le faire, mais comme je ne comprends pas, j'aimerais que l'on m'explique la procédure à suivre afin de ne pas copier coller bêtement. Je mets mes pages principales afin que vous puissiez voir de quoi il retourne :
index.php :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Pour compatibilité IE6, IE7, IE8 et IE9 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="./css/style.css" rel="stylesheet" type="text/css" media="screen" />
<!-- Pour style css différent "class" de chaque IE -->
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if gt IE 9]><!--> <html lang="fr"> <!--<![endif]-->
<!-- <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/> -->
<title></title>
</head>
<body>
<div id="container">
<?php
include "public/header.php";
include "public/menu.php";
include "public/main.php";
include "public/footer.php";
?>
</div>
</body>
</html>
style.css :
@import url("reset.css");
/*Container*/
#container {
width: 751px;
margin: 0 auto 0 auto;
}
/*Header*/
#header {
background-image:url(../img/cadrehead.png);
height: 148px;
margin: 2px 0 0 0;
}
#header {
background-image:url(<?php echo $background; ?>);
}
#titre {
margin: 20px 0 0 26px;
}
/*Menu*/
#menu {
background-image:url(../img/barre_menu_top.png);
height: 27px;
margin: 2px 0 0 0;
}
#menu ul li {
display: inline-block;
margin: 0 0 0 47px;
padding: 5px 0px 0 0;
}
.ie6 #menu ul li {
display: inline;
margin: 0 0 0 47px;
}
.ie7 #menu ul li {
display: inline;
margin: 0 0 0 50px;
}
.ie8 #menu ul li {
margin: 0 0 0 47px;
padding: 4px 0px 0 0;
}
.ie9 #menu ul li {
margin: 0 0 0 43px;
}
a {
text-decoration: none;
color: white;
}
a:visited {
color: white;
}
a:hover, a:focus, a:active {
text-decoration: underline;
}
/*Main*/
#main {
background-image:url(../img/main.png);
height: 788px;
margin: 2px 0 0 0;
}
/*Footer*/
#footer {
background-image:url(../img/barre_menu_bottom.png);
height: 27px;
margin: 2px 0 2px 0;
}
Mon site est constitué de 6 pages en "includes" (accueil, historique, bureau, boxeurs, événement et contact). Sur chaque page je veux donc un sous titre (qui est en png) différent à coté de mon image principale qui elle ne changera pas. Merci d'avance pour vos propositions !
Modifié par Kazuya76 (16 Jul 2013 - 17:43)