Création d'un pop-up de menu sur la page d'accueil du forum ?

Page 2 sur 3 Précédent  1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Ven 18 Sep 2015 - 23:54

Rappel du premier message :

Bonsoir à toutes et à tous,

Alors voilà, je souhaiterais créer un pop-up qui s'ouvre dés qu'on arrive sur la page d'accueil du forum. Mais attention, il ne s'agit pas d 'un pop-up invitant le quidam à s'inscrire où se connecter mais d'un pop-up présentant les dernières nouveautés du forum (les derniers membres inscrits, les derniers articles publiés, les plus populaires, les thèmes que je souhaiterais voir abordé, etc. ...).
Par conséquent il me faudrait un pop-up sans bouton "ne plus afficher" puisque le but est qu'il revienne à chaque nouvelle visite (CQFD Wink). Les boutons "connexion" où "s'enregistrer" ne sont pas indispensables non-plus. Un simple bouton "fermer" ferait largement l'affaire...

Par conséquent, une âme charitable aurait-elle un code HTML correspondant à me fournir ?

Par avance, un très grand merci !!!

Arthur


Dernière édition par Le Roy arthur le Mar 13 Oct 2015 - 8:55, édité 1 fois

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Sam 26 Sep 2015 - 19:28

Attend je prépare tous ça et je t'explique. Bonne soirée

edit > 21h29

slt arthur , donc ont reprend du début .

le codage html a mettre dans un premier temps dans l'accueil du forum , plus facile pour toi
(ensuite si tu veut le placé dans un template , demande moi )..

le code html
Code:
<a href="#?w=500" rel="video" class="open_video"><strong>information</strong></a>
<div class="popup_block" id="video" style="display: block;">
     
  <div id="shadow">
        Bonsoir à toutes et à tous, Alors voilà, je souhaiterais créer un pop-up qui s'ouvre dés qu'on arrive sur la page d'accueil du forum. Mais attention, il ne s'agit pas d 'un pop-up invitant le quidam à s'inscrire où se connecter mais d'un pop-up présentant les dernières nouveautés du forum (les derniers membres inscrits, les derniers articles publiés, les plus populaires, les thèmes que je souhaiterais voir abordé, etc. ...). Par conséquent il me faudrait un pop-up sans bouton "ne plus afficher" puisque le but est qu'il revienne à chaque nouvelle visite (CQFD Wink). Les boutons "connexion" où "s'enregistrer" ne sont pas indispensables non-plus. Un simple bouton "fermer" ferait largement l'affaire... Par conséquent, une âme charitable aurait-elle un code HTML correspondant à me fournir ? Par avance, un très grand merci !!! Arthur Le Roy arthur *** Messages: 116 Réputation: 0 Inscrit(e) le: 26/06/2014 Aucun avertissement Firefox PhpBB3 Fondateur de forum: Oui CSS personnalisé: Non Templates modifiés: Non Voir le profil de l'utilisateur Envoyer un message privé http://www.coeur-bretagne.forumactif.org/ 
      <div id="close">
          <a onclick="return false" href="#"><img alt="ferme" src="http://i21.servimg.com/u/f21/16/87/83/03/forum110.png" /></a>
      </div>
  </div>
</div>

le css
Code:
/**============pop-up video ===============**/
.open_pop{ color:#000; font:bold 1.3em Arial, Helvetica, sans-serif;}
#close{ width:50px; height:50px; position:absolute; bottom:0px; right:50%; color:#FFF; z-index:2;}
#shadow{ width:656px; min-height:656px; background:#000; position:absolute;margin:auto; top:100px;left:0px;right:0px;
z-index:0;text-align:justify;padding:25px;}
/**===============fin pop-up ===================**/

ensuite ont va placé le javascript , dans
>PANNEAU ADMIN>MODULE>TOUS EN BAS >GESTION DES CODES JAVASCRIPT>CR2E UN NOUVEAU JAVASCRIPT>METTRE UN TITRE ...(POP-UP) par exemple....>cocher sur l'index>collé ce java >
Code:
$(document).ready(function(){
  $('.open_video').click(function(){
      $('#shadow').css({opacity:0.7});
      $('#shadow').fadeIn(300);
      $('#video').fadeIn(1000);
   
      return false;
  });
 
  $('#shadow, #close').click(function(){
      $('#shadow, #video').fadeOut(300);
  });
});

enregistré et c'est fini .

ps:j'attend ton retour .bonne soirée ,

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Lun 28 Sep 2015 - 11:21

Désolé, weekend chargé, pas en avance : je teste de suite !!!

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Lun 28 Sep 2015 - 11:31

Super R-max : ça fonctionne !!! Un très grand merci !!!

Par contre j'aurais encore une questions pour compliquer la chose et après je ne t'embête plus Wink

Comment puis-je faire "flotter" ce pop-up ? C'est qu'il reste au centre de l'écran même si l'utilisateur fait défiler le forum en second plan, qu'il ne reste pas bloqué en haut quoi...

En te remerciant une nouvelle fois pour toute ta patience et ta persévérance !!!


Dernière édition par Le Roy arthur le Lun 28 Sep 2015 - 11:59, édité 1 fois

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Lun 28 Sep 2015 - 11:51

Je me permets également R-max : après test, je viens de m'apercevoir que le texte contenu dans le pop-up déborde Sad
Regardes : http://virtuellementvotre.forumactif.org/


Dernière édition par Le Roy arthur le Lun 28 Sep 2015 - 12:00, édité 1 fois

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par no_way le Lun 28 Sep 2015 - 11:57

Bonjour, merci d'éditer votre message au lieu de faire du double, triple post.

Arrivé à plus de 100 messages, vous n'êtes plus considéré comme un nouveau membre et devez donc connaître les règles Wink

Cordialement.

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Lun 28 Sep 2015 - 19:38

@arthur a écrit:Je me permets également R-max : après test, je viens de m'apercevoir que le texte contenu dans le pop-up déborde

bonjour ,et bien oui vu comme ca ce texte qui n'en est pas un ,juste un flux continu de consonne ou syllabe.

peut tu mettre celui la a la place , texte tiré du reglement de forumactif,

texte:
De manière générale
› Le Forum des Forums est un lieu d'entraide, pas de publicité pour vos forums, blogs ou sites.
› Pour que l'entraide profite au plus grand nombre, l'entraide par messagerie privée (MP) est interdite.
› En cas de désaccord avec un membre ou le staff, préférez l'utilisation des MP.

Avant de poster
› En toute occasion restez poli, courtois et respectueux, cela commence par savoir dire Bonjour ou Bonsoir et Merci.
› Merci d'utiliser l'outil de recherche avant de poster, et de consulter la liste des Questions et réponses fréquentes.
› Le flood, les doubles-posts (deux messages consécutifs), la polémique et les propos déplacés sont interdits

Pour poster
› Veillez à poser votre question dans la bonne rubrique d'entraide.
› Veillez à donner un titre explicite à vos sujets.
› Évitez autant que possible de poser vos questions dans un sujet existant, sauf "Topic Unique" (reconnaissables à l'icône Topic Unique )
› Pour plus de clarté, une seule question par sujet est autorisée.
› Afin d'être compréhensible, abstenez vous d'écrire en langage SMS ou d'utiliser des abréviations.
› N'écrivez pas en gras et/ou en couleur, ceci est réservé à la modération.
› Les demandes afin de copier une grande partie d'un forum ne sont pas acceptées, mais vous pouvez apprendre le CSS, HTML, JavaScript afin de pouvoir faire preuve de votre propre créativité. Si vous avez un problème, posez alors la question sur le forum.

Pour finir
› Sachez vous montrer patient, un UP (message visant à remonter votre sujet) n'est permis qu'après 24 heures sans réponse.
› Un sujet sans relance de l'auteur pendant 7 jours sera déplacé à la Corbeille. Vous disposerez de 15 jours pour le récupérer auprès d'un membre de l'équipe.
› Une fois une solution obtenue, pensez à éditer votre premier message afin de cocher l'icône . Vous pouvez également remercier les personnes qui vous ont aidées.

logiquement il ne devrait pas debordé ...

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Lun 28 Sep 2015 - 20:56

C'est fait R-max !!!

Donc le texte ne semble plus déborder...

En revanche, je n'ai pas fait attention ce matin car j'ai surtout focalisé sur le bouton (...) mais là je viens de m'apercevoir que c'est le pop-up tout entier qui est cliquable au lieu du seul bouton "FERMER" Confused

Je viens également de me rendre compte que malgré une mise en page soignée, le texte apparaît au kilomètre à l'intérieur du pop-up Crying or Very sad

Ouais, c'est bien compliqué tout ça !!!

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Lun 28 Sep 2015 - 21:20

bonsoir arthur ,remplace le javascript par celui ci

Code:
$(document).ready(function(){
  $('.open_video').click(function(){
      $('#shadow').css({opacity:0.7});
      $('#shadow').fadeIn(300);
      $('#video').fadeIn(1000);
   
      return false;
  });
 
  $(' #close').click(function(){
      $('#shadow, #video').fadeOut(300);
  });
});

j'ai déconnecter le shadow du java ,maintenant seul le bouton doit fermer la pop-up,

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Mar 29 Sep 2015 - 15:24

Super R-max, je te remercie : on se rapproche de la perfection Wink J'aurais encore deux questions et après je ne t'embête plus Wink

1/ Comment fait-on pour la mise en page du texte dans le pop-up ? Hier soir j'ai fait une mise en page du texte pour voir mais ça ne fonctionne pas... à l'écran ça fait un gros pavé immonde, sans espace, sans retour à la ligne, bref pas le top pour un menu actu Sad

2/ Et sinon, peut-être un peu compliqué mais je souhaiterais toujours faire "flotter" ce pop-up, pour qu'il reste toujours au centre de l'écran même si l'utilisateur fait défiler le forum en arrière-plan ? Comment faire ???

Par avance un très grand merci R-max !!!

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Mar 29 Sep 2015 - 19:26

bonjour arthur , donne moi ta mise en page que je regarde de plus prés ..

pour le scroll , j'ai tenter 2 ou 3 chose sans résulta pour le moment

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par lmc38510 le Mar 29 Sep 2015 - 19:35

.

Yes Super sujet suivi avec grand intérêt ... Yes

Aux Participants ...!

.



lmc38510
*****

Masculin
Messages : 512
Inscrit(e) le : 22/02/2012

http://arcanes.lacaverneauxgrimoires-forum.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Mar 29 Sep 2015 - 21:01

Bonsoir R-max, pour la mise en page je n'ai pas de plan précis, j'ai juste repris le texte que tu m'as donné en sautant des lignes pour tester mais ça ne fonctionne pas... Maintenant si tu souhaites une véritable mise en page, je t'en ferais une pour demain après-midi Wink

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Mar 29 Sep 2015 - 21:05

si tu sait ,tu peut faire une mise en page en html ,avec des tableaux ..

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Mar 29 Sep 2015 - 22:25

Non en fait ce qui m'intéresserait c'est ce faire une mise en page classique avec des tirets, des espaces et des paragraphes justifiés aussi simplement qu' on rédigerait un message sur le forum. C'est ça l'idée Wink

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Mar 29 Sep 2015 - 22:46

ok je voie , il faut changé le mode d'édition


mise en page >>




clique sur le bouton >>:wysiwyg: et publie le tel quel ..


mise en page sur la pop-up>>



si tu ne procède pas comme ça l’éditeur supprime la mise en page






R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Mer 30 Sep 2015 - 16:28

En fait lorsque j'ai cliqué sur le bouton que tu m'as indiqué, malgré ma mise en page, le texte est resté en gros pâté et lorsque j'ai poursuivi la mise en page, notamment en créant de nouveaux espaces, au fur et à mesure, tout a disparu du pop-up Sad

Peut-être serait-il plus simple que tu m'indiques comment sauter des lignes en langage HTML ?

Message édité à 18:19 :

Je viens de réessayer à l'instant, définitivement cette solution ne fonctionne pas : lorsque je tape du texte en mode éditeur, il n’apparaît pas dans le pop-up Sad

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Mer 30 Sep 2015 - 21:49

re , fait une mise en page rapide et donne la moi , je teste .

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Mer 30 Sep 2015 - 22:31

Bonsoir R-max, donc je te livre le code en l'état. La mise en page succincte est en rouge. Comme tu vois elle se compose de tirets et de sauts de ligne qui chacun, dans mon projet final, correspondront à une rubrique Wink


<a class="open_video" rel="video" href="#?w=500"><strong>information</strong></a>
<div style="display: block;" id="video" class="popup_block">

<div id="shadow">

<div align="center">
<img alt="" border="0" src="http://i21.servimg.com/u/f21/18/54/10/79/actu_f11.jpg" />
</div>

<div align="justify">
Test du pop-up :

_ Je teste le pop-up, tu testes le pop-up

_ Il teste le pop-up, elle teste le pop-up

_ Nous testons le pop-up, vous testez le pop-up, ils et elles testent le pop-up...

</div>

<div id="close">
<a href="#" onclick="return false"><img src="http://i21.servimg.com/u/f21/18/54/10/79/coolte11.png" alt="ferme" /></a>
</div>

</div>
</div>


Sauf que quand je tape ça, concrètement, le résultat à l'écran donne ceci : http://virtuellementvotre.forumactif.org/ Sad

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Mer 30 Sep 2015 - 22:55

re , voici , poste en mode edition normal

Code:
<a href="#?w=500" rel="video" class="open_video"><strong>information</strong></a>
<div class="popup_block" id="video" style="display: block;">
    
   <div id="shadow">
       
      <div align="center">
          <img src="http://i21.servimg.com/u/f21/18/54/10/79/actu_f11.jpg" border="0" alt="" /> 
      </div>
       
      <div align="justify">
          
         <ul>
             
            <li>
                
               <p>
                   Test du pop-up :
               </p>
                
               <p>
                   _ Je teste le pop-up, tu testes le pop-up
               </p>
               
               <p>
                    _ Il teste le pop-up, elle teste le pop-up
               </p>
                
               <p>
                    _ Nous testons le pop-up, vous testez le pop-up, ils et elles testent le pop-up...
               </p>
                  
            </li>
             
         </ul>
          
      </div>
       
      <div id="close">
          <a onclick="return false" href="#"><img alt="ferme" src="http://i21.servimg.com/u/f21/18/54/10/79/coolte11.png" /></a> 
      </div>
         
   </div>
</div>

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Mer 30 Sep 2015 - 23:46

Donc il faut que je mette les balises <p> et </p> entre chaque rubrique pour obtenir des paragraphes à l'écran ?

Bon ben c'est un peu fastidieux mais on va se débrouiller Wink C'est dommage que le mode édition ne fonctionne pas correctement...

En tout cas je te remercie pour l'info R-max !!!

Et sinon, si on s'attaquait à la dernière étape : le "flottement" du pop-up Wink Après je ne t'embêterais plus R-max, tu as déjà fait beaucoup pour moi !!!

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Jeu 1 Oct 2015 - 0:00

comme la pop-up a une valeur :position absolute , pour pouvoir la placé , je ne sait pas comment la contourné ,

j'ai tenter un background-attachement :fixed sans résulta ..

no_way aurais t'il une idée sur la question , ou quelqu'un d'autre !!!!!!

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Jeu 1 Oct 2015 - 0:08

Si toi tu es mon bienfaiteur, je pense que no_way peut-être l'homme providentiel effectivement Wink

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par no_way le Jeu 1 Oct 2015 - 4:01

@R-max
Salut, il suffit de remplacer la valeur absolute par fixed Wink
Code:
position:fixed;

info:
Par souci d'accessibilité, les dimensions et l'affichage devraient également se faire via JavaScript afin que les personnes disposant de périphériques (portables, tablettes...) puissent toujours naviguer sur le forum.

Là l'affichage de la pop-up est en CSS et sa fermeture en JavaScript Wink.

Petits +:
Code:
<a onclick="return false" href="#"><img alt="ferme" src="http://i21.servimg.com/u/f21/18/54/10/79/coolte11.png"></a>
à changer en:
Code:
<img alt="ferme" src="http://i21.servimg.com/u/f21/18/54/10/79/coolte11.png">
L'écouteur pour la fermeture de la pop-up est sur la balise parente "div#close", pour obtenir le même curseur de souris que lorsqu'on passe sur un lien:
Code:
#close{
cursor:pointer;
}

D'autres choses à revoir comme le z-index qui est à 0, mais pas le temps là.

@++ et merci R-max de faire cette aide.



no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Jeu 1 Oct 2015 - 14:38

Merci pour ces informations supplémentaires no_way mais où dois-je placer ces codes exactement ?

C'est pareil : je ne trouve pas la valeur absolute dans les codes que R-max m'a donné ?

Message édité à 14:43

Super, j'ai trouvé où mettre "fixed", dans les code CSS Wink

Par contre j'ai fouiné un peu et je ne sais toujours pas où mettre les codes que tu m'as conseillé no_way ?

Par avance merci de m'indiquer où les placer pour que je ne détruise pas tout le travail de R-max...

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Jeu 1 Oct 2015 - 17:06

slt arthur , no_way et indisponible quelques jours ..

j'ai remplacé les codes qu'il a donné ,

par contre vu que maintenant la pop-up et en fixed, il faut changé la taille ,sinon le bouton ne se voie plus ,

remplace le css par celui ci >>
j'ai ajouté le cursor:pointer;>
la taille 550px;>
j'ai enlever les z-index qui dans cette configuration ne servent a rien ..

Code:
/**============pop-up video ===============**/
.open_pop{  color:#000; font:bold 1.3em Arial, Helvetica, sans-serif;}
 
#close{ cursor:pointer;width:50px; height:50px; position:absolute; bottom:0px; right:50%; color:#FFF;}
 
#shadow{  width:656px; min-height:550px; background:#000; position:fixed;margin:auto; top:50px;left:0px;right:0px;
text-align:justify;padding:25px;}
/**===============fin pop-up ===================**/

le code html dans géneralité >>

j'ai remplacé le lien image >

Code:
<a href="#?w=500" rel="video" class="open_video"><strong>information</strong></a>
<div class="popup_block" id="video" style="display: block;">
            
   <div id="shadow">
                     
      <div align="center">
                   <img src="http://i21.servimg.com/u/f21/18/54/10/79/actu_f11.jpg" border="0" alt="" />       
      </div>
                     
      <div align="justify">
                              
         <ul>
                                       
            <li>
                                                
               <p>
                                      Test du pop-up :               
               </p>
                                                
               <p>
                                      _ Je teste le pop-up, tu testes le pop-up               
               </p>
                                              
               <p>
                                      _ Il teste le pop-up, elle teste le pop-up               
               </p>
                                                
               <p>
                                      _ Nous testons le pop-up, vous testez le pop-up, ils et elles testent le pop-up...               
               </p>
                                              
            </li>
                                   
         </ul>
                          
      </div>
                     
      <div id="close">
                       <img src="http://i21.servimg.com/u/f21/18/54/10/79/coolte11.png" alt="ferme" />   
      </div>
                   
   </div>
</div>

remplace le texte dans la pop-up par le tien ..

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Jeu 1 Oct 2015 - 18:11

Bonsoir R-max,

Je vais faire ça, par contre sur ton site test, je constate que le pop-up est plus petit du coup ? Je crains d'être un peu à l'étroit pour y rédiger mon actu... n'y a-t-il pas possibilité de redimensionner en 656 x 656 px ?

En revanche tu me confirmes qu'ainsi le forum sera plus accessible au niveau des tablettes et des smartphones ?

En te remerciant une nouvelle fois Wink

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Jeu 1 Oct 2015 - 19:45

le problème de la taille ,et bien parce que tu la veut en fixe ..donc il faut la limité en hauteur,comme le bouton et en bas il faut qu'il soie visible.

comprend tu !!

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Jeu 1 Oct 2015 - 22:42

Arf !!! Il n'y a vraiment pas moyen de faire un peu plus grand ??? Je sais, je suis exigeant What a Face

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par R-max le Jeu 1 Oct 2015 - 22:56

regarde sur ton forum de test le résulta en fixed ..



j'ai un écran de 15 pouces , et je ne vois pas le bouton fermer .. donc soit tu lui impose une taille en hauteur pour laissé apparaître le bouton , soit ont repasse en scroll.

sur mon forum de test ,j'ai modifier la taille . le bouton est visible ..


ps:je pense qu'il va falloir faire un chois .le scroll ou la hauteur de la pop-up.



R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'un pop-up de menu sur la page d'accueil du forum ?

Message par Le Roy arthur le Ven 2 Oct 2015 - 0:29

Ah ok !!! Tu parles pour les utilisateurs de tablettes c'est ça ? C'est pour qu'ils puissent fermer le pop-up ?

Message édité à 16:05

Et je pensais, petite question existentielle Wink : la couleur des polices de caractère à l'intérieur du pop-up, elle s'adapte automatiquement en fonction du forum ? Je veux dire sur mon forum test elle est bleu mais sera-t-elle grise sur le nouveau ?

Le Roy arthur
****

Messages : 307
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 3 Précédent  1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum