Pop Up page d'accueil Forum

Page 1 sur 2 1, 2  Suivant

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

Résolu Pop Up page d'accueil Forum

Message par lmc38510 le Lun 26 Oct 2015 - 10:38

.

Sujet traité sur deux Topics < iCi > et en complément < iCi >

Tout d'abord un grand ok pour cette super création ... la patience et la qualité des intervenants

Je l'ai donc adopté à 100% Sourire2 et mis au look de notre Forum ... sans trop de difficulté ...
http://arcanes.lacaverneauxgrimoires-forum.com/

Subsiste un détail "visuel" qu'il me serait fort agréable de solutionné

Le "Html" est placé dans le message de la page d'accueil .... à la suite d'un "Flash" et d'un texte
Pop Up:

Pop Up "ouvert" ou "Fermé" subsiste une inscription "information"
"information":

Inscription au demeurant "Cliquable" mais sans aucune "action" ....

Ma question: comment éviter cet affichage... sans pour autant placé le "Html" dans un "Template"

======

Le Format réduit (hauteur) du Pop Up pour cause la dimension d'écran (le bouton "fermer" devient invisible)... limite son contenu ...

Serait il possible d'inclure tout son contenu ( à l'exception du "cliché d'entête" et du Bouton "Fermer") dans une liste déroulante avec curseur latéral ....

======

Question posée sur un des mes "post" :

est-il possible d'y inclure un Widget "derniers sujets"

Par avance merci ....

.


Dernière édition par lmc38510 le Mer 4 Nov 2015 - 18:03, édité 1 fois

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: Pop Up page d'accueil Forum

Message par R-max le Lun 26 Oct 2015 - 11:32

Bonjour.
L'inscription. Information peut être enlevé. Elle est dans le html...Cela limitera l'affichage. Sera plus joli. .
Le bouton fermer .je les modifier depuis.je vous passe le code ce soir.
Pour le contenu en scroll limité. C'est aussi possible.
Pour le widget récupérer le code.et insérer le.dans le html.

Bonne journée
Ps.envoyer de mon (tel)

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: Pop Up page d'accueil Forum

Message par lmc38510 le Lun 26 Oct 2015 - 11:37

.

Hello "R-max" farao

Merci pour ta réactivité ... t'es plus rapide que ton ombre .... Wink

No-Problème pour ce soir ...

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: Pop Up page d'accueil Forum

Message par Le Roy arthur le Lun 26 Oct 2015 - 16:09

Je suis ravi que mon idée est fait des petits 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: Pop Up page d'accueil Forum

Message par lmc38510 le Lun 26 Oct 2015 - 16:20

@Le Roy arthur a écrit:Je suis ravi que mon idée est fait des petits Wink

Hooooo que oui ...! thumleft l'idée est excellente ... le rendu Top ....

et surtout traité de A à Z de façon très "PRO" ok

Au plaisir "Roy arthur" Clin d\'oeil


.

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: Pop Up page d'accueil Forum

Message par Le Roy arthur le Lun 26 Oct 2015 - 16:24

Pour information lmc, tu as réglé la minuterie sur combien d'heure avant réactivation ?

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: Pop Up page d'accueil Forum

Message par lmc38510 le Lun 26 Oct 2015 - 16:31

.

En fait mon réglage est très court .... 10 minutes ("10/60" dans le JS)

Pourquoi ...? pour une raison très simple ...
Statistiquement le temps de visionnage moyen sur notre Forum est de l'ordre de 10 Mn ( confirmé par Google analytics)

Donc passé ce délais, le Pop Up est réactivé .... Very Happy

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: Pop Up page d'accueil Forum

Message par Le Roy arthur le Lun 26 Oct 2015 - 17:12

Très bon !!! J'en prends note 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: Pop Up page d'accueil Forum

Message par R-max le Lun 26 Oct 2015 - 19:40

bonsoir ,regarde ou j'ai mis le bouton fermer sur mon forum >>
forum

je ne comprend pas trop quand tu dis
lmc a écrit:Le Format réduit (hauteur) du Pop Up pour cause la dimension d'écran (le bouton "fermer" devient invisible)... limite son contenu ..

a l'origine arthur le voulez toujours en bas de la pop up .
avec le overflow auto , inclut dans la pop up le bouton et toujours visible ,a partir du moment que tu scroll vers le bas .

pour le bouton (information) recherche dans le code html

Code:
<a href="#?w=500" rel="video" class="open_video"><strong>information</strong></a>
et enleve cette partie
Code:
<strong>information</strong>


commence déjà par ça .
ensuite donne moi le codage de ta pop up (html +css).
et dis moi si tu veut le bouton en haut en fixe comme sur mon forum .

ensuite je m'occupe du reste , a part (le widget) je ne sait pas trop 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: Pop Up page d'accueil Forum

Message par Le Roy arthur le Lun 26 Oct 2015 - 20:00

@lmc38510 a écrit:.

En fait mon réglage est très court .... 10 minutes ("10/60" dans le JS)

Pourquoi ...? pour une raison très simple ...
Statistiquement le temps de visionnage moyen sur notre Forum est de l'ordre de 10 Mn ( confirmé par Google analytics)

Donc passé ce délais, le Pop Up est réactivé .... Very Happy

Dis-moi lmc, par rapport à mes stats, je vais faire du 20/60 mais dois-je mettre cette valeur entre parenthèse dans le code javascript ? Où pas ? Merci pour la réponse 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: Pop Up page d'accueil Forum

Message par lmc38510 le Lun 26 Oct 2015 - 20:05

.

Partie du JS avec le nb_heures "20/60" :
Voila comment tu dois l'inscrire Wink

Code:
var d=new Date(),nb_heures=20/60,t=function(){return new

========================

@R-max a écrit:pour le bouton (information) recherche dans le code html

Code:
<a href="#?w=500" rel="video" class="open_video"><strong>information</strong></a>
et enleve cette partie
Code:
<strong>information</strong>

Excuse R-max .... tu l'avais déjà mentionné sur le topic de "Roy arthur"
je l'ai zappé .... Mince et viens de rectifier (10/10)

Pour le reste je te prépare des "Screens"

.

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: Pop Up page d'accueil Forum

Message par lmc38510 le Lun 26 Oct 2015 - 22:09

.

Concernant la position du Bouton "Fermer" ... j'ai également Zappé ce détail dans le topic d'origine....
Après réflexion et pour aller dans le sens de ce qui va suivre ....
L'idéal serait ceci :

Le bouton "Fermer" placé en haut à gauche ....

Concernant la zone "Scroll" différemment de ton forum elle pourrait être ainsi :

zone scroll:

Je ne sais c'est réalisable ---> La partie haute fixe "image_entete" + "Bouton Fermer"

Tout le reste inclu dans une fenêtre "Scroll"

Avant d'aller plus loin .... reflexion ton avis sur la chose ....

Mon Html :

Code:
 <a href="#?w=500" rel="video" class="open_video"></a>       
<div class="popup_block" id="video" style="display: none;">
      
<div id="shadow">
         
<div class="image_entete" align="center">
           <img src="http://ahp.li/16dfbe61d7dbd614ca6a.jpg" alt="" border="0" />                                                 
</div><br />                                           
<div class="image" align="center">
<img src="http://ahp.li/7751be42f1e1de3e6e95.jpeg" />
<img src="http://ahp.li/3f6a1617abab11c277c5.png" />
<img src="http://ahp.li/c3def4f272042b1ff099.gif" />
<img src="http://ahp.li/3f6a1617abab11c277c5.png" />
<img src="http://ahp.li/3873caa673cc3f795a68.jpeg" />                                       
</div>
         
<div align="justify">
            
<p>
Bonjour à toutes et tous,                                           
</p>
<p>
Pour le 31 octobre une journée un peu spéciale, nous fêtons Halloween (Samhain, fête païenne celtique).                                         
</p>
<p>
Tout client ou clients venant dans la journée avec des enfants déguisés auront la joie de recevoir des bonbons.                                         
</p>
<p>
Nous vous attendons nombreux                                         
</p>
<p>
Bonne semaine à toutes et tous.                                         
</p>
<p>
Manuel et Nathalie                                         
</p><br />                                     
<p>
<span style="color: rgb(0, 255, 0);">                                                                        - Le 31 Octobre à 20H Conférence " La Malédiction des Templiers "    Avec Françoise Beguin  <a rel="nofollow" target="_blank" class="postlink" href="http://arcanes.lacaverneauxgrimoires-forum.com/t134-le-31-octobre-2015-conference-la-malediction-des-templiers">  « Réservation & Vidéo iCi  »</a>    </span>                     
</p>
<p>
<span style="color: rgb(0, 255, 0);">                                                                        - Le 3 Novembre à 15H 30 Atelier " Initiation à la Radiesthésie "    Avec Dominique  <a rel="nofollow" target="_blank" class="postlink" href="http://arcanes.lacaverneauxgrimoires-forum.com/t135-initiation-a-la-radiesthesie-le-3-novembre-2015-a-15-h30">  « Voir la Vidéo iCi  »</a>    </span>     
</p><br />                               
<div id="close">
<a onclick="return false" href="#"><img alt="ferme" src="http://ahp.li/1e01d07b6d26c26c0f90.jpg" /></a>                                                   
</div>
</div>
</div>
</div>

Mon Css :
Code:
        /**============pop-up video ===============**/

 .open_pop{  /**====== ouverture manuel =====**/
  color:#520404;          /*#000;*/
  font:bold 1.3em Arial, Helvetica, sans-serif;
  }
  .image_entete img{ /**===== image entete de la pop-up =====**/
  width:100%;
                            /*border:1px solid #d9d5e6;
                                border-radius:8px;*/
  }
 .image{  /**===== fond du menu deroulant =====**/
    background:#520404;            /*moutarde;*/
    border:1px solid #eab26a;      /*#d9d5e6;*/
    border-radius:4px;
    box-shadow:1px 2px 4px #eab26a; /*#d9d5e6;*/
  }
  .image_bande img{  /**===== regle la taille des images =====**/
  width:150px;
  height:100px;
  border-radius:8px;
  }
  #close{ /**===== placement du bouton fermer =====**/
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 50px;
    margin: auto;
    right: 20px;
    width: 50px;
  }
  #shadow{  /**===== element de fond et contenue de la pop-up =====**/
    background: #520404; 
    border: 2px solid #d9d5e6;
    border-radius: 5px;
    box-shadow: 1px 6px 15px #d9d5e6;
    color: #BDBDBD;
    height: 485px  /*500px;*/
    left: 0;
    margin: auto;
    overflow: auto;
    padding: 20px;
    position: fixed;
    right: 0;
    text-align: justify;
    font-size:12px;
    text-shadow: 1px 1px 1px #000;
    top: 70px;
    width: 672px; /*656px; */
    }
/**===============fin pop-up ===================**/


.

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: Pop Up page d'accueil Forum

Message par R-max le Mar 27 Oct 2015 - 6:25

Bonjour lmc.je m'occupe de ça. Ensuite ont aprofondira. Ta demande. .
Bonne journé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: Pop Up page d'accueil Forum

Message par lmc38510 le Mar 27 Oct 2015 - 14:46

.

Merci R-max Wink

J'ai essayé de modifier la position du bouton "close"
en agissant sur le CSS .... mais sans succès ...
reflexion à ce demander s'il agit sur quoi que ce soit ....?

Code:
  #close{ /**===== placement du bouton fermer =====**/
    /* bottom: 0;
    cursor: pointer;
    display: block;
    height: 50px;
    margin: auto;
    right: 20px;
    width: 50px;*/
  }
Voici le résultat:

Le positionnement du bouton --> vient-il essentiellement du code "HTML" ...?

=========================

J'ai remarqué une indication exp:
right: 50%; --> quelle différence avec un right: exprimé en "px" ...? scratch

.

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: Pop Up page d'accueil Forum

Message par R-max le Mar 27 Oct 2015 - 19:48

lmc a écrit:right: 50%; --> quelle différence avec un right: exprimé en "px" ...? scratch

il reste au milieu quel que soit la résolution 50%=moitier

ne touche pas au codage pour l'instant je vais te le faire ,il faut remonté la div #close en haut

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: Pop Up page d'accueil Forum

Message par lmc38510 le Mar 27 Oct 2015 - 19:57

@R-max a écrit:
lmc a écrit:right: 50%; --> quelle différence avec un right: exprimé en "px" ...? scratch

il reste au milieu quel que soit la résolution 50%=moitier

C'est ce qui me semblait .... mais dans le doute .... Confused

Pas de soucis pour le codage .... j'attends .... Very Happy

Un petit montage "flash" pour te montrer ce que j'aimerai ...

Montage :

Le Bouton "Fermer" Fonctionne clown




.

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: Pop Up page d'accueil Forum

Message par R-max le Mar 27 Oct 2015 - 21:23

si tu veut que le bouton fermer clignote>> Astuce passe le en gif Shutt

bon voila le html , j'ai rajouter du texte Pc dedans pour avoir l'effet de scrolling ( bien entendu tu peut l'enlever aprés test, )...

le html>>
Code:
 <a class="open_video" rel="video" href="#?w=500"></a>     
<div style="display: none;" id="video" class="popup_block">
                
   <div id="shadow">
         
      <div id="close">
           <a href="#" onclick="return false"><img src="http://ahp.li/1e01d07b6d26c26c0f90.jpg" alt="ferme" /></a> 
      </div>
                   
      <div align="center" class="image_entete">
                       <img border="0" alt="" src="http://ahp.li/16dfbe61d7dbd614ca6a.jpg" />                                                   
      </div><br />     
      <div id="scroll">
                                                    
         <div align="center" class="image">
              <img src="http://ahp.li/7751be42f1e1de3e6e95.jpeg" /><img src="http://ahp.li/3f6a1617abab11c277c5.png" /><img src="http://ahp.li/c3def4f272042b1ff099.gif" /><img src="http://ahp.li/3f6a1617abab11c277c5.png" /><img src="http://ahp.li/3873caa673cc3f795a68.jpeg" />                                         
         </div>
                        
         <div align="justify">
                               
            <p>
                   Bonjour à toutes et tous,                                               
            </p>
                 
            <p>
                   Pour le 31 octobre une journée un peu spéciale, nous fêtons Halloween (Samhain, fête païenne celtique).                                             
            </p>
                 
            <p>
                   Tout client ou clients venant dans la journée avec des enfants déguisés auront la joie de recevoir des bonbons.                                             
            </p>
                 
            <p>
                   Nous vous attendons nombreux                                             
            </p>
                 
            <p>
                   Bonne semaine à toutes et tous.                                             
            </p>
                 
            <p>
                   Manuel et Nathalie                                             
            </p><br />                                       
            <p>
                 <span style="color: rgb(0, 255, 0);">                                                                        - Le 31 Octobre à 20H Conférence " La Malédiction des Templiers "    Avec Françoise Beguin  <a href="http://arcanes.lacaverneauxgrimoires-forum.com/t134-le-31-octobre-2015-conference-la-malediction-des-templiers" class="postlink" target="_blank" rel="nofollow">  « Réservation & Vidéo iCi  »</a>    </span>                       
            </p>
                 
            <p>
                 <span style="color: rgb(0, 255, 0);">                                                                        - Le 3 Novembre à 15H 30 Atelier " Initiation à la Radiesthésie "    Avec Dominique  <a href="http://arcanes.lacaverneauxgrimoires-forum.com/t135-initiation-a-la-radiesthesie-le-3-novembre-2015-a-15-h30" class="postlink" target="_blank" rel="nofollow">  « Voir la Vidéo iCi  »</a>    </span>   
            </p>
            
            <p>
                Le Forum des Forums est le support officiel de la communauté des administrateurs et utilisateurs de forums Forumactif. Celui-ci étant basé sur l'Entraide, il est nécessaire de faire une recherche avant de poster sa question ou son problème. Si aucun résultat ne correspond, vous pouvez alors ouvrir un sujet en exposant clairement votre problème.  Le Forum des Forums est le support officiel de la communauté des administrateurs et utilisateurs de forums Forumactif. Celui-ci étant basé sur l'Entraide, il est nécessaire de faire une recherche avant de poster sa question ou son problème. Si aucun résultat ne correspond, vous pouvez alors ouvrir un sujet en exposant clairement votre problème.  Le Forum des Forums est le support officiel de la communauté des administrateurs et utilisateurs de forums Forumactif. Celui-ci étant basé sur l'Entraide, il est nécessaire de faire une recherche avant de poster sa question ou son problème. Si aucun résultat ne correspond, vous pouvez alors ouvrir un sujet en exposant clairement votre problème.  Le Forum des Forums est le support officiel de la communauté des administrateurs et utilisateurs de forums Forumactif. Celui-ci étant basé sur l'Entraide, il est nécessaire de faire une recherche avant de poster sa question ou son problème. Si aucun résultat ne correspond, vous pouvez alors ouvrir un sujet en exposant clairement votre problème. 
            </p>
             
         </div>
                
         <p>
             
         </p><br />                                                                                 
      </div>
           
   </div>
        
</div>

le css
Code:
/**============pop-up video ===============**/
#scroll{
  width:650px;
  height:300px;
  overflow:auto;
  text-align: justify;
  padding:20px;
  margin-top:180px;
 }

.open_pop{  /**====== ouverture manuel =====**/
  color:#520404;          /*#000;*/
  font:bold 1.3em Arial, Helvetica, sans-serif;
 }

  .image_entete img{ /**===== image entete de la pop-up =====**/
  width:99%;
  position:absolute;
  top:2px;
  right:3px;
  z-index:0;
  /*border:1px solid #d9d5e6;
  border-radius:8px;*/
  }

 .image{  /**===== fond du menu deroulant =====**/
    background:#520404;            /*moutarde;*/
    border:1px solid #eab26a;      /*#d9d5e6;*/
    border-radius:4px;
    box-shadow:1px 2px 4px #eab26a; /*#d9d5e6;*/
  }

  .image_bande img{  /**===== regle la taille des images =====**/
  width:150px;
  height:100px;
  border-radius:8px;
  }

  #close{ /**===== placement du bouton fermer =====**/
    bottom: 0;
    cursor: pointer;
  position:relative;
  margin-top:50px;
  z-index:1;
  margin-top: -110px;
    transform: rotate(-25deg);
    margin-left: -30px;
   
  }

  #shadow{  /**===== element de fond et contenue de la pop-up =====**/
    background: #520404;
    border: 2px solid #d9d5e6;
    border-radius: 5px;
    box-shadow: 1px 6px 15px #d9d5e6;
    color: #BDBDBD;
    height: 485px  /*500px;*/
    left: 0;
    margin: auto;
    /*overflow: auto;*/
    padding: 20px;
    position: fixed;
    right: 0;
    text-align: justify;
    font-size:12px;
    text-shadow: 1px 1px 1px #000;
    top: 70px;
    width: 672px; /*656px; */
    }
/**===============fin pop-up ===================**/

je dois encore voir pour le widget,
cdl,

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: Pop Up page d'accueil Forum

Message par lmc38510 le Mar 27 Oct 2015 - 21:51

.

"R-max" super travail ....! énorme ....! génialissime .....! Humour

Pour le Bouton fermer ... en gif ...... no problème, je le trouve très bien comme cela Very Happy

J'ai modifié le découpage (affichage) des lignes ......

C'est vraiment "TOP" exactement le design que je souhaitais cheers

Un truc que je vais copier : l'implantation que tu as faite sur ton Forum "test" <iCi> ou le
Pop Up prends la place exact de ton Diaporama ....

Grand Thanks

Pour le bouton "Fermer" je viens de découvrir ton astuce thumleft

Code:
  #close{ /**===== placement du bouton fermer =====**/
    bottom: 0;
    cursor: pointer;
  position:relative;
  margin-top:50px;
  z-index:1;
  margin-top: -110px;
    transform: rotate(-25deg);
    margin-left: -30px;
 
  }

J'en découvre tous les Jours .... Yes

Code:
    transform: rotate(-25deg);
    margin-left: -30px;


.


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: Pop Up page d'accueil Forum

Message par R-max le Mar 27 Oct 2015 - 22:31

lmc a écrit:Un truc que je vais copier : l'implantation que tu as faite sur ton Forum "test" <iCi> ou le
Pop Up prends la place exact de ton Diaporama ....
c'est pas mon forum test , c'est le forum d'un ami en construction et ou je bosse sur le codage et la mise en forme de celui ci.

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: Pop Up page d'accueil Forum

Message par lmc38510 le Mar 27 Oct 2015 - 22:39

.

OK ..... cette mise en place du Pop Up est astucieuse Cool ...
il tombe pile-poil au pixel près sur l'encart du diaporama thumleft

Une question est-il possible de réduire la marge basse du Pop-Up sous le Scroll-Barre

Screen:

Edit :

Suffit de changer le height du Scroll
Code:
#scroll{
          width:650px;
          height: 350px; /* --->  modifier la hauteur*/
.

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: Pop Up page d'accueil Forum

Message par R-max le Mar 27 Oct 2015 - 23:19

bien tu a compris la mise en forme Smile

je regarde pour ton widget , les 3/4 des sujet qui en parle ne fonctionne plus Sad

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: Pop Up page d'accueil Forum

Message par lmc38510 le Mar 27 Oct 2015 - 23:28

@R-max a écrit:
je regarde pour ton widget , les 3/4 des sujet qui en parle ne fonctionne plus Sad

Interrog Je croise les doigts

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: Pop Up page d'accueil Forum

Message par R-max le Mer 28 Oct 2015 - 0:08

re, j'ai les récents topics , mais il défile:evil: Evil or Very Mad pas

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: Pop Up page d'accueil Forum

Message par lmc38510 le Mer 28 Oct 2015 - 0:12

@R-max a écrit:re, j'ai les récents topics , mais il défile Evil or Very Mad pas

il me semble avoir "lu" cette remarque dernièrement dans un "topic" Twisted Evil

EDIT 28/10 18H 30

Sujets en rapport
Déplacer le widget "Derniers sujets" sur le Forum dans message sur la page d'accueil < iCi >

Lien entre le Widget du Portail et le forum < iCi >

Si cela peut aider reflexion

.

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: Pop Up page d'accueil Forum

Message par lmc38510 le Jeu 29 Oct 2015 - 1:02

@R-max a écrit:re, j'ai les récents topics , mais il défile Evil or Very Mad pas

Peux tu me transmettre le "codage" pour voir ce que cela donne Twisted Evil


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: Pop Up page d'accueil Forum

Message par lmc38510 le Ven 30 Oct 2015 - 18:24

.

Pour relancer un peu le sujet ... après quelques recherches sur le net, j'ai trouvé un "fils" qui pourrait concerner la question " récupérer les widgets du forum " --> < iCi >

1) créer une page "html" --> Derniers_Sujets avec comme code:
Code:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  <title>Dernier sujet</title> <base target="_parent" />   
<h1>
Derniers Sujets       
</h1>
<div id="derniers_sujets" style="width: 300px; height: 100%;">
         <iframe name="frame_sjt" style="visibility: hidden; width: 0px; height: 0px;" src="http://arcanes.lacaverneauxgrimoires-forum.com/portal" onload="var frame_sjt=window.frame_sjt.document.getElementById('comments_scroll_div');document.getElementById('derniers_sujets').innerHTML=frame_sjt.innerHTML;"> </iframe>
</div>
D'après ce que je comprends, ce script récupère les données du template --> Portail --> mod_recent_topics .... ???
Mais .... Heuuuuu.... sans conviction Rolling Eyes


2) Compléter le "html" du "Pop up" avec :

Code:
<table style="margin:auto; width:622px; background-color:#cdbc9f; border:2px solid #44290E;text-align:center;" cellpadding="0">
<tbody>
<tr>
<td>
<iframe style="width: 220px; height: 200px;" name="Les derniers sujets" src="http://arcanes.lacaverneauxgrimoires-forum.com/h1-derniers_sujets" scrolling="no" frameborder="0"> </iframe>
</td>
</tr>
</tbody>

J'ai suivi en cela les indications données par le "lien" ....
il y a certainement des erreurs - ou - manque .... car ne fonctionne pas reflexion
La zone est bien crée dans le Pop-up ... mais désespérément vide .... Twisted Evil

Mes compétences ( Siffleur ) s'arrête là ....!



.

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: Pop Up page d'accueil Forum

Message par R-max le Ven 30 Oct 2015 - 20:18

bonsoir lmc , j'ai tenter plusieurs codage ,rien a faire le cadre s'affiche ,mais vide reflexion

depuis le temps ça a du changé ,surement une mise a jour quelques part des deniers sujets , qui cause cela .

je patoge la Sorry

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: Pop Up page d'accueil Forum

Message par lmc38510 le Ven 30 Oct 2015 - 21:04

.

Ouai ... pas évident tout cela .....!

"R-max" rassure toi .... à l'impossible nul n'est tenu ....!

Tu as déjà fait un boulot que je qualifie de "colossal" ....! Twisted Evil

Pour placer les "Derniers sujets" avec un widget, j'ai en horreur la physionomie d'un forum tronqué avec des colonnes ..... la possibilité de les reprendre dans le "Pop Up" serait Géniale ....

Y a-t-il une éminence grise qui puisse passer par là .... et nous donner un coup de main reflexion


.

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: Pop Up page d'accueil Forum

Message par lmc38510 le Sam 31 Oct 2015 - 23:18

.

Toujours en quête de solution Rolling Eyes
Une autre piste traitée < iCi > ---> le Mardi 28 Avr 2015

@Tchii001 a écrit:Génial !! Ca fonctionne ! Merci beaucoup^^

Je récapitule pour ce qui en auront besoin :

1- Activer le portail
2- Supprimer tous les widgets sauf celui des post récent.
3- Mettre le script suivant sur la page d'accueil :

Code:
        <div id="recent_topics"></div><script type="text/javascript">jQuery.get('/portal',function(data){jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html());});</script>

4- Mettre le code suivant sur la feuille de style CSS pour la mise en forme :

Code:
       
/*Sujet récent*/
#recent_topics {
background-color: #6AA8A6;
font-family: 'Playfair Display SC', serif;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
color: #D1BFB2;
font-size: 14px;
height: 200px;
 width: 500px;
margin: 10px;
padding: 5px;
border-right: 1px solid #232C22;
border-left: 1px solid #232C22; /* couleur du cadre */
border-bottom: 4px solid #232C22;
border-top: 4px solid #232C22;
overflow-y: auto;
overflow-x: hidden;
                }

installé tel-quel .... fonctionne pas Evil or Very Mad

une autre piste < iCi > ---> traité par "Milouze14"

Très documenté .... à mon avis application adaptable dans le Pop Up ..... reflexion

Mais là .... faut modifier l'application Pc

.

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: Pop Up page d'accueil Forum

Message par Milouze14 le Dim 1 Nov 2015 - 12:40

Salut lmc38510 et R-max ,


une autre piste < iCi > ---> traité par "Milouze14"

Très documenté .... à mon avis application adaptable dans le Pop Up ..... reflexion

Cette astuce a été supprimé par mes soins car elle n'est plus fonctionnelle.

Ensuite on peut avoir un truc comme çà afin d'avoir seulement le widget sujets récents d'activés mais cachés ,
on part donc du principe que le widget soient placés à gauche et avec le scroll.

Ensuite on dépose ce code html :
Code:
<div id="M14_sujets_recents"></div>

dans le code html que tu souhaites et ensuite la css concernant ce bloc:
Code:

#M14_sujets_recents
{
LA CSS
}


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.

Déposes ceci:
Code:

$(function(){
$('#content-container #left ').removeAttr('id').closest('td').attr('id','M14_left').hide();
});

$(function(){
$('#M14_left .row1 .marquee ').appendTo('#M14_sujets_recents');
});


Penses à cliquer sur le bouton


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  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