28172 sujets

CSS et mise en forme, CSS3

Fonds d'écran dans le body comme le site d'allocine

bonjour à tous, pour un projet je pense utiliser l'idée qu'Allociné et d'autre site utilise pour afficher les pub ...

je propose une solution mais j'aimerai avoir votre avis, si il y a moyen d'optimiser ou si c'est propre ..., on appelle la pub dans le body ..., puis on crée un div pub avec comme contenu une image vide.png, dans cette élément on donne le lien qu'on désire 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test fonds</title>
<link href="style.css" rel="stylesheet" media="all" type="text/css">

</head>

<body>
<div id="pub-click"><a href="http://www.allocine.fr/video/player_gen_cmedia=19202088&cfilm=178061.html"><img src="vide.png" width="1200" height="200" border="0" /></a></div>
<div id="global">
	<div id="header"></div>
    <div id="menu"></div>
    <div id="content"></div>
    <div id="footer"></div>
</div>
</body>
</html>



body
{
	font-family: Arial,Verdana,sans-serif;
	font-size: 12px;
	background-color:#000;
	margin:0;
	text-align: center;
	background:#fff url('http://a69.g.akamai.net/n/69/10688/v1/img4.allocine.fr/acmedia/images/banners/FAST5_hab-homepage_video.jpg') no-repeat center top;
}
#pub-click
{
	margin-top:0px;
	margin-left: auto;
    margin-right: auto;
	width:1200px;
	height:210px;

}
#global
{
	margin-top:0px;
	margin-left: auto;
    margin-right: auto;
	width:970px;
	background-color:#efefef;
	padding: 10px;
	overflow:hidden;

}
/* DEBUT BANNIERE */
#header
{
	width:970px;
	height:160px;
	background-color:#000;
	
}
#menu
{
	float:left;
	margin-top:20px;
	width:970px;
	height:30px;	
	background-color:#000;
	
}
#content
{
	float:left;
	margin-top:20px;
	width:970px;
	min-height:500px;	
	background-color:#000;
	
}
#footer
{
	float:left;
	margin-top:20px;
	width:970px;
	height:25px;	
	background-color:#000;
	
}


Merci et bonne journée
Salut,

Je pense que l'image vide est inutile. De toutes façons, soit tu charges direct en PHP le bon élément à afficher (image, flash, etc…), soit tu le fais via un procédé ajax (et dynamiquement tu remplaces le contenu du div #pub-click).

Donc je vois vraiment pas l’intérêt de mettre un élément par défaut ?
Si j'ai une zone flash ou image, genre un bouton play gif et tout ça remplacera .., si j'ai pas d'élément a remplacer je garde l'image vide pour remplir et le rendre "clickable" ...

procéder ajax ?

merci
Modifié par IVIedia (07 Apr 2011 - 10:09)
Sujet clos
Aller à