Comment créer un "intersticiel" (ou pseudo popup)

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par milkiway, 24 Juin 2010.

  1. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
    Bonjour,

    Je ne trouve nulle part sur le net comment faire ce genre de rendu : -http://www.laredoute.fr/
    Je poste ici l'image pour ceux qui ne veulent pas aller sur le site :
    [​IMG]

    Je crois qu'on appelle ça un intersticiel mais je ne suis pas sur.
    Le but ce serait d'afficher un bloc <div> contenant juste une photo, un texte et un lien.
    Je suis preneur de tout tuto en tout cas, surtout que je voudrais que ça ne s'affiche qu'une fois par visiteur.
    Merci
     
  2. silef
    silef WRInaute occasionnel
    Inscrit:
    13 Janvier 2006
    Messages:
    294
    J'aime reçus:
    0
    Alors à la louche, il te faut :

    - mettre une variable dans le cookies pour savoir si tu as déjà ou pas affiché la pub pour l'afficher si besoin
    - créer une trés grande div qui couvre toute la page et semi transparente ( tu peux le faire avec une image de quelques pixels sur fond transparent affichée en fond de la div )
    - créer une petite div centrée avec ton popup
     
  3. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
    Merci.
    En fait, la solution XHTML/CSS ne me pose pas de problèmes. C'est la partie JS (à mon sens obligatoire) qui me bloque.
    Et je ne voudrais pas faire une solution PHP qui ferait croire à GG à du cloacking.
     
  4. silef
    silef WRInaute occasionnel
    Inscrit:
    13 Janvier 2006
    Messages:
    294
    J'aime reçus:
    0
    Ce type de méthode je le faisais avec php et je ne vois pas en quoi google pourrait croire que c'est du cloacking. Sinon petit truc que j'ai oublié, pense a mettre un timeout pour "fermer" la popup au bout de X secondes.

    D'ailleurs en y repensant j'ai encore un site qui utilise un système proche (juste le popup sans le fond transparent), je n'ai pas de soucis avec google puisque c'est une div et que le reste du contenu est accessible.
     
  5. fandecine
    fandecine WRInaute passionné
    Inscrit:
    2 Avril 2005
    Messages:
    1 873
    J'aime reçus:
    0
    jquery et colorbox.js :wink:
     
  6. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    12 009
    J'aime reçus:
    133
    Ou prototype et lightbox.js
     
  7. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
    Merci pour vos réponses !
     
  8. fredfan
    fredfan WRInaute accro
    Inscrit:
    2 Juillet 2008
    Messages:
    2 850
    J'aime reçus:
    2
    Ou Mootools et Slimbox
     
  9. silef
    silef WRInaute occasionnel
    Inscrit:
    13 Janvier 2006
    Messages:
    294
    J'aime reçus:
    0
    D'un coté en quelques lignes de code c'est bouclé, pourquoi toujours utiliser des bibliothèques énormes pour une bricole ?
     
  10. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
    Je suis ok, mais on les utilise justement quand on ne connait pas ces "quelques lignes de code" mais n'hésite pas à les indiquer je pense que ça pourrait servir à pas mal de monde.
     
Chargement...
Similar Threads - créer intersticiel (ou Forum Date
Créer un nouveau domaine avec 4 nouvelles langues Référencement international (langues, pays) 15 Septembre 2022
WordPress créer un sitemap xml avec YOAST SEO Crawl et indexation Google, sitemaps 14 Août 2022
Créer mon site web quand je suis profane Développement d'un site Web ou d'une appli mobile 10 Juillet 2022
[JavaScript Array] modifier un code html sans le supprimer/recréer Développement d'un site Web ou d'une appli mobile 20 Juin 2022
Comment créer un fichier SPF (authentification emails) ? Noms de domaine et référencement 14 Mars 2022
Mention "Site créer par ..." dans le footer Netlinking, backlinks, liens et redirections 28 Janvier 2022
Créer et animer un forum Demandes d'avis et de conseils sur vos sites 21 Novembre 2021
WordPress Créer et maintenir un thème vs Site Builder avec thème tout fait Développement d'un site Web ou d'une appli mobile 29 Octobre 2021
Créer 2 landing pages ou une seule ? Débuter en référencement 8 Juin 2021
Comment créer un PBN ? Netlinking, backlinks, liens et redirections 31 Mai 2021
Creer un site ecommerce Débuter en référencement 20 Mai 2021
Créer un fichier audio pour les articles Demandes d'avis et de conseils sur vos sites 2 Mai 2021
Search Console Créer des sitemap avec les redirections 301 Netlinking, backlinks, liens et redirections 14 Avril 2021
Créer un compte google my business pour un tiers YouTube, Google Images et Google Maps 20 Février 2021
Astuce Créer et programmer une diffusion en direct sur mobile Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
Impossible de créer un nom d'utilisateur sur ma page FB Facebook 26 Octobre 2020
Faut-il créer un sitemap mobile ? Crawl et indexation Google, sitemaps 6 Octobre 2020
créer un nouveau site ou améliorer l'ancien ? Débuter en référencement 25 Août 2020
Créer une page ou une rubrique "citation", bonne idée ? Débuter en référencement 21 Juin 2020
Créer un article annuaire avec liens externes Débuter en référencement 11 Juin 2020