Pop Up page d'accueil Forum

[lmc38510]

Rappel du premier message :

.

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

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

Je l'ai donc adopté à 100% 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 ....

.

[Invité]

bonjour Milouze , et merci de nous venir en aide

ca fonctionne ,par contre j'ai du mettre le script sur l'index et non sur toutes les pages ..

visuelle> http://forum-test-r-max.forumactif.org/

ont avance

[Invité]

Re,

oui et l'avantage avec cette astuce et que l'on peut positionner le widget en position fixed ou absolute
sans que le widget beug en version scroll .
Tu as bien travaillé R-max

a++

[lmc38510]

bonjour Milouze , et merci de nous venir en aide

ca fonctionne ,par contre j'ai du mettre le script sur l'index et non sur toutes les pages ..

visuelle> http://forum-test-r-max.forumactif.org/

ont avance

Effectivement c'est nickel .... peux tu me donner le CSS affichage du widget


.

[Invité]

bonsoir lmc , il n'est pas afficher sur ton forum tu n'a que la div milouze 14 vide

il faut

dans le pa
>afficher le portail >oui
>afficher le widget>oui
>placer le widget >collone de gauche seul sans rien d'autre
>placé le script sur >l'index
>defilement du widget >5000

je vois que tu a déja mis du css , tu n'a pas besoin le mien !!

[Invité]

Re,
je laisse R-max continuer sur son avancement car la css ne donnera rien
car je ne connais pas le code html que tu as sur la page d'accueil .

a++

[lmc38510]

bonsoir lmc , il n'est pas afficher sur ton forum tu n'a que la div milouze 14 vide

il faut

dans le pa
>afficher le portail >oui --> c'est OK
>afficher le widget>oui --> c'est OK
>placer le widget >collone de gauche seul sans rien d'autre --> c'est OK
>placé le script sur >l'index --> c'est OK
>defilement du widget >5000 --> ou s'effectue ce réglage

je vois que tu a déja mis du css , tu n'a pas besoin le mien !!

à part le défilement tout est ok (voir le portail < iCi > )
Seul soucis régler le défilement du widget .... ou ... comment

Le CSS que j'ai mis est "bidon" .... le tient est nettement mieux et je sais le modifier
si tu peux me le copier ... ce serait génial

Re,
je laisse R-max continuer sur son avancement car la css ne donnera rien
car je ne connais pas le code html que tu as sur la page d'accueil .

a++

Grand :thanks: à toi "Milouze14" pour ce super coup de main

Edit 20H25
Défilement réglé à --> 5500

.

[Invité]

re lmc; voici ce que je peut te proposé , je les retravailler un peut

Code:

/**===css sujets recent pop-up===**/
#M14_sujets_recents {
    background-color: rgba(275,275,275,0.1); /*couleur de fond*/
    border: 1px solid #e1e6f8;
    border-left: 8px solid #e1e6f8;
    border-radius: 20px; /*angle coins*/
    border-right: 8px solid #e1e6f8;
    box-shadow: inset -1px -5px 15px #e1e6f8; /*ombre bordure vers l'interieur*/
    height: 200px; /*hauteur*/
    margin: auto; /*centrage du widget*/
    text-align: -webkit-center; /*centrage du text*/
    width: 250px; /*largeur du widget*/
    padding-left: 55px; /*marge a gauche pour centrer */
    color: greenyellow; /*couleur des ecrits */
}

visible sur mon forum

[lmc38510]

.

En un Mot .... t'es génial ...

Bon .... css en place .... toujours pas d'affichage .... ou est le "problème"

Là je donne ma langue au chat

Mon codage 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/88732a08910470523182.gif" alt="ferme" /></a>                                                                                 
      </div>
                                           
      <div class="image_entete" align="center">
                           <img alt="" src="http://ahp.li/16dfbe61d7dbd614ca6a.jpg" border="0" />                                                                                                                                   
      </div>
                                           
      <div id="scrolling">
                                              
         <p>
                                                 
         </p>
                                              
         <center>
                                <span style="color: rgb(0, 255, 0);">                                                                        <strong>-Crémieu- "Les Médiévales 2015" </strong> " </span>                   
         </center>
                                                                                            
         <p>
                                                 
         </p>
                                              
         <marquee behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="5" scrolldelay="150" direction="left" style="border: 2px solide #520404">
                                                 
            <div class="image_bande" style="width:100%;">
                                 <img src="http://ahp.li/01fd7399aa02c7723d73.jpg" /> <img src="http://ahp.li/d22742cbed2f9022434a.jpg" /> <img src="http://ahp.li/cc03c3a85ff3b0a47092.jpg" /> <img src="http://ahp.li/e979d13311111cdd921e.jpg" /> <img src="http://ahp.li/0bc62f25d722c00cf73f.jpg" /><img src="http://ahp.li/05c5d211a4fb080de20e.jpg" /><img src="http://ahp.li/c7e755fb4444bc0b68ea.jpg" /><img src="http://ahp.li/4548837723284881ca3a.jpg" /><img src="http://ahp.li/9eea0298e88700e5f019.jpg" /><img src="http://ahp.li/1735e0344b1ca3f44a51.jpg" /><img src="http://ahp.li/a96995dfe999f45ce9a5.jpg" /><img src="http://ahp.li/112841e026e1dec6aa60.jpg" /><img src="http://ahp.li/67d6ea76d06648a5d2df.jpg" /><img src="http://ahp.li/f12a0f372cf700b7b31f.jpg" /><img src="http://ahp.li/c44018355d951b00b867.jpg" /><img src="http://ahp.li/c155eeb40b8ee59d400d.jpg" /><img src="http://ahp.li/68e5bf7df7506560b933.jpg" /><img src="http://ahp.li/77797daf7186533f8e21.jpg" /><img src="http://ahp.li/2f72461263994f32ffb4.jpg" /><img src="http://ahp.li/fb51ebe5ee55955e3a19.jpg" /><img src="http://ahp.li/f2f02062b1c36cf21120.jpg" /><img src="http://ahp.li/0e49b3df27559de5e991.jpg" /><img src="http://ahp.li/ba1f4fad5a15de10fe3e.jpg" /><img src="http://ahp.li/4ddd6452fc052a5ba0a5.jpg" /><img src="http://ahp.li/0d834ff33b0782c2f4ef.jpg" /><img src="http://ahp.li/ede55d1cfe31c0f105f1.jpg" /><img src="http://ahp.li/766ff8aff38f67aadcf9.jpg" /><img src="http://ahp.li/b7e58e9507555703d067.jpg" /><img src="http://ahp.li/a9aa3dd764617636c43a.jpg" /><img src="http://ahp.li/6c49f6674e64826223f7.jpg" /><img src="http://ahp.li/e497e000580ae818b05b.jpg" /><img src="http://ahp.li/aaad0f304b306d2b5cdd.jpg" /><img src="http://ahp.li/5d462d6a2db9dbb4d345.jpg" /><img src="http://ahp.li/baccb19379050cc0630e.jpg" /><img src="http://ahp.li/d09fee1c1bbc1bcbbb28.jpg" /><img src="http://ahp.li/53c23f6436bd2bd2d8a6.jpg" />                   
            </div>
                                                   
         </marquee>
                           <br /><br />                                           
         <p>
                              <span style="color: rgb(0, 255, 0);">                                                                        - Le 3 Novembre à 15H 30 Atelier --> " <strong>Initiation à la Radiesthésie</strong> " </span>                                                               
         </p>
                                              
         <p>
                              <span style="color: rgb(0, 255, 0);">Avec <strong>" Dominique "</strong> --> <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">  <strong>« Voir la Vidéo »</strong></a>  </span>                                                                                       
         </p>
                                              
         <p>
                                                 
         </p><br /><br />                                   
         <center style="">
                                <strong>    <span style="color: rgb(242, 242, 34);">L</span><span style="color: rgb(242, 232, 36);">'</span><span style="color: rgb(242, 222, 38);">i</span><span style="color: rgb(242, 211, 39);">n</span><span style="color: rgb(243, 201, 41);">f</span><span style="color: rgb(243, 191, 43);">o </span><span style="color: rgb(243, 181, 45);">e</span><span style="color: rgb(243, 170, 46);">n </span><span style="color: rgb(243, 160, 48);">N</span><span style="color: rgb(243, 150, 50);">o</span><span style="color: rgb(243, 140, 52);">n</span><span style="color: rgb(244, 129, 53);">-</span><span style="color: rgb(244, 119, 55);">S</span><span style="color: rgb(244, 109, 57);">t</span><span style="color: rgb(244, 99, 59);">o</span><span style="color: rgb(244, 88, 60);">p </span><span style="color: rgb(244, 78, 62);">.</span><span style="color: rgb(244, 68, 64);">.</span><span style="color: rgb(245, 58, 66);">.</span><span style="color: rgb(245, 47, 67);">.</span><span style="color: rgb(245, 37, 69);">!</span></strong>                               
         </center>
                                              
         <p>
                                                 
         </p>
                                              
         <p>
                                                 
         </p><br /><br /><br />     
         <div id="M14_sujets_recents">
         </div>
                            
         <p>
            
         </p>
                                                
      </div>
                                           
   </div>
</div>

.

[Invité]

a tu tous bien cochez








edit : tu ne dois pas creé une nouvelle page portail ,mais affiché le widget sur l'index.

[lmc38510]

a tu tous bien cochez


Oui

Oui

Oui

edit : tu ne dois pas creé une nouvelle page portail ,mais affiché le widget sur l'index.

edit : tu ne dois pas creé une nouvelle page portail ,mais affiché le widget sur l'index.
Haaaaaaa .... le problème doit venir de là

est-ce normal ...?


il me semble que c'est moi qui ai crée cette page ..... comment revenir à l'index ...?
Supprimer cette page ....?

.

[Invité]

supprime la avec la croix.

[lmc38510]

supprime la avec la croix.

Tout est renté dans l'ordre



Super travail "R-max" et "Milouze14"

:thanks:


Plus que quelques bricoles ..... et ce sera parfait


.

[lmc38510]

.

Dernières mise au point .... avec une anomalie sur le défilé de photos ...

Les quatre premiers clichés sont séparés par un espace .... ensuite ils sont accolés Voir < iCi >

Screen:

La partie du CSS concernée

Code:

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

J'ai d'ailleurs l'impression que l'affichage ignore ce CSS (--> border-radius:8px; inopérant)

==========


Autre anomalie ..... le défilé des photos est réglé par le "HTML"

Code:

<marquee behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="8" scrolldelay="50" direction="left" >

onmouseover="this.stop()" onmouseout="this.start()" --> doit déclencher ou arrêter le défilé .... --> c'est inopérant

pour rendre la visibilité correct des clichés --> il faut augmenter "scrolldelay" ....

Y a-t-il une solution pour activer "onmouseover" & "onmouseout"


.

[Invité]

bonjour lmc,

tu na pas mis d'espace entre les autres photos

l’arrêt et le redémarrage au clic se fait bien chez moi

ps:a tu enlever le widget ??

[lmc38510]

.

Hello "R-max" .... Mettre un espace entre les photos " /> < " ....suis vraiment pas doué ....

Bon chez moi onmouseover="this.stop()" onmouseout="this.start()" ne fonctionne pas

Alors j'en reviens à mes première amours ... --> un fichier "flash" ... là je maitrise

ça navigue dans tout les sens ... ça s'arrête ... je peux même mettre des effets sur chaque photo ....

concernant les "derniers sujets" dans le popup .... sur la page d'accueil c'est génial ... mais je me retrouve avec toutes les catégories et Forums amputés du widget à gauche ....
C'est précisément ce dont j'ai horreur ... une fois c'est bien .... mais sur toutes les pages c'est une catastrophe ....

encore un Grand :thanks: à toi "R-max", à "Milouse14" pour vos compétences, votre aide votre patiente, sans laquelle je n'y serais jamais arrivé


.

[Invité]

tu a cocher le script sur toutes les pages et tu a toujours la colonne afficher sur les autres pages ?

[lmc38510]

tu a cocher le script sur toutes les pages et tu a toujours la colonne afficher sur les autres pages ?

Heuuuuu ....! je viens juste de testé ..... Script coché sur toutes les pages .... C'est bon ....!

Plus de widget "dernier sujet" en colonne de gauche .... il apparait une fraction de seconde .... puis disparait .... ( par magie )

Comme quoi j'ai une fois de plus "bien fait" de suivre tes instructions
Problème résolu .... cela est plus que parfait Tip-Top comme souhaité


.

[lmc38510]

.

Encore un petit réglage --> recentrer l'affichage interne du PopUp

Screen:

Comment réduire la marge de gauche .... répartir 50/50 à gauche et à droite juste avant la gouttière du Scroll

Par avance Merci

[Invité]

coucou ,
passe l'id #shadow a 780px
passe l'id #scrolling a 760px

et ca devrait rentrer dans l'ordre

[lmc38510]

coucou ,
passe l'id #shadow a 780px
passe l'id #scrolling a 760px
et ca devrait rentrer dans l'ordre

Hello R-max .... merci pour ces infos

En tâtonnant je suis passé respectivement à 690 et 670 ... en ajustant le "margin-top:" du scrolling
Les marges ne sont pas rigoureusement identiques ... mais c'est correct ... sans trop élargir le PopUp

Bonne soirée ....