High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Publicité "glissante"

Dernière réponse le 11 nov 2009 à 23:32:11 alexcool188, le 6 nov 2009 à 06:10:45 
 Signaler ce message aux modérateurs

Bonjour,

Je voudrais mettre de la pub sur mon site, et j'aimerais qu'une des ces publicités puissent "glisser". Je m'explique.

Ce que je voudrais, c'est que lorsque le visiteur est sur la page, la publicité "sort" des barres d'outils plus haut... Je ne sais pas si vous comprenez...

Savez-vous comment faire?

Merci à l'avance de vos réponses! Alexandre Poulin
"Un homme sans vision est un homme mort"

Configuration: Windows Vista
Firefox 3.5.4

Meilleures réponses pour « Publicité "glissante" » dans :
Publicité en ligne Voir Introduction à la publicité en ligne La publicité en ligne est un moyen permettant aux webmasters de rentabiliser financièrement leur site internet et de leur permettre de couvrir les coûts d'hébergement et de noms de domaine. Il s'agit également...
[Popups] Ouverture de fenêtres internet publicitaires (pop-up) Voir
Créer sa publicité sur Facebook Voir Vous voulez créer votre propre publicité sur Facebook ? Voici comment faire : Allez sur Facebook, connectez-vous . Une fois que vous êtes connecté, repérez juste en dessous de Recherche: "Créez une publicité".   Faites un clic...
Insérer de la publicité sur son blog VoirIl est possible de gagner de l’argent avec son blog (sans forcément en vivre…). Pour cela, la publicité est le moyen privilégié (bandeaux, liens sponsorisés…). Vous pouvez insérer des modules de e-commerce, par exemple proposés par Amazon ou eBay :...
[Web] Eliminer totalement les publicités dans les pages WEB VoirVoici une méthode radicale et simple pour éliminer 99% des publicités dans les pages web, quel que soit le site et quel que soit le type de publicité (popup, incluse, bannière, flash, IFrame, Java, CSS, applet Java...) 1. Installez...
Retargeting : la publicité ciblée pour e-boutiques VoirRetargeting : la publicité ciblée pour e-boutiques Le retargeting est une forme de publicité en ligne pour e-commerçants. Sa particularité : elle s’adresse aux internautes qui ont déjà visité votre e-boutique sans y faire d’achat et les incite à y...
Posez votre question Répondre

1

Atropa, le 6 nov 2009 à 08:26:27

Bonjour,

à mon avis seul les grandes enseignes peuvent se permettre de faire ça...

tu risque plus de faire fuir tes visiteurs qu'autre chose...

sinon tu pourras facilement le faire en javascript

   
Répondre à Atropa

2

alexcool188, le 6 nov 2009 à 15:54:41

Mais ce n'est pas quelque chose de gros! la bannière ne fait que 468 X 60! Mais connais-tu le script que je devrais utiliser? Alexandre Poulin
"Un homme sans vision est un homme mort"

   
Répondre à alexcool188

3

Atropa, le 7 nov 2009 à 20:41:42

Voilà un exemple bidon mais tu pourras t'en servir : 

<!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>Document sans nom</title>
<style type="text/css">
	body {
		margin: 0;
		padding: 0;
	}
	#a1 {
		height: 20px;
		background-color: black;
	}
	
	#a2 {
		background-color: #a3a3a3;
		width: 100%;
		position:absolute;
		display: none;
	}
	
	#a2 * {
		margin: 0;
		padding:0;
	}
	
	#a3 {
		height: 800px;
		background-color: #aa9090;
	}

</style>
<script type="text/javascript">
<!--
	function depli(idConteneur,PxInterval,MSInterval) {
		var cont = document.getElementById(idConteneur);
		if(cont.style.display != 'block') {
			cont.style.overflow = 'hidden';
			cont.style.display = 'block';
			var height = cont.offsetHeight;
			cont.taille = height;
			cont.style.height = '0px';
			var newHeight;
			var inter = setInterval(function () {
				newHeight = cont.offsetHeight + PxInterval;
				if(newHeight > height) PxInterval = height - cont.offsetHeight;
				cont.style.height = cont.offsetHeight + PxInterval+'px';
				if(newHeight == height) clearInterval(inter);
			},MSInterval);
			return;
		}
		var newHeight;
		var height = cont.offsetHeight;
		if(cont.taille != height) return;
		var inter = setInterval(function () {
			newHeight = cont.offsetHeight - PxInterval;
			if(newHeight < 0) PxInterval = cont.offsetHeight;
			cont.style.height = cont.offsetHeight - PxInterval+'px';
			if(newHeight == 0) {
				cont.style.display = 'none';
				cont.style.height = height+'px';
				clearInterval(inter);
			}
		},MSInterval);
		return;
	}

//-->
</script>
</head>
<body>
<div id="a1"></div>
<div id="a2"><p>là tu mets ce que tu veux !</p></div>
<div id="a3" onclick="depli('a2',5,10);"></div>
</body>
</html>


il faut cliquer sur le cadre gris rose pour que ca s'affiche.

si tu veux que tout descende tu supprimes position absolute sur a2

   
Répondre à Atropa

4

alexcool188, le 11 nov 2009 à 02:03:23

Merci, mais serait-il possible de seulement mettre une image et non de descendre tout la largeur de la page? Serait-il possible de la faire descendre plus tranquillement et sans que le visiteur ait besoin de cliquer? Serait-il possible de mettre un petit X, et que lorsque le visiteur cliquerait dessus, la barre rentrerait?

Merci! Alexandre Poulin
"Un homme sans vision est un homme mort"

   
Répondre à alexcool188

5

 Atropa, le 11 nov 2009 à 23:32:11

Tu mets ce que tu veux de la taille que tu veux

c'est simple !

quand tu appelles la fonction depli() tu lui donnes l'id de ce que tu veux qu'elle déplie ou replis au dimension de l'élément

par exemple si tu veux que ce soit une image tu fais : 

<img src="monimage" id="im" />

<a href="javascript: depli('im',10,40);">déplie</a>

<a href="javascript: depli('im',10,40);">replier</a>


tu places les liens où tu veux

si dans le css tu mets position: absolute; elle passera au premier plan en ce dépliant si tu ne le met pas elle restera sur le plan normal et poussera le reste vers le bas... ensuite tu lui donne le nombre de pixel par intervalle et la durée entre chaque intervalle

la fonction ce charge du reste....

   
Répondre à Atropa
Posez votre question Répondre
Ils ont besoin de votre aide