Envoyer des liens automatiques sur la PA

Page 1 sur 2 1, 2  Suivant

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

Résolu Envoyer des liens automatiques sur la PA

Message par L'ange noir le Mer 3 Mai 2017 - 19:13

Détails techniques


Version du forum : Inconnue
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : aujourd'hui
Lien du forum : http://sangsmelesoriginels.forumactif.com/

Description du problème

Bonjour les amis

Me voilà avec une nouvelle question à laquelle je n'ai pas trouvé de réponse dans les tutoriels. Je suppose qu'elle y est, mais je ne la vois surement pas.

Sur ma page d'accueil, j'ai des cadres et dans l'un deux je voudrais faire venir les messages, de manière automatique, que j'écris dans une catégorie qui donne des nouvelles du forum.

J'espère que ma question est claire. Ce n'est pas simple à expliquer.

Si vous pouvez m'aider, ce serait super.



Dernière édition par L'ange noir le Ven 5 Mai 2017 - 14:36, édité 1 fois
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Mer 3 Mai 2017 - 19:51


Bonjour "ange noir" Hi

Une solution insérer le widget "recent Topic" .... jette un œil < iCi >
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Mer 3 Mai 2017 - 20:00

Merci... j'ai essayé mais ça affiche des parties de ma PA et pas les derniers topics.

Est ce que je dois faire quelque chose dans la partie module, widget, ou pas ?
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Mer 3 Mai 2017 - 20:07


l'as tu mis en place sur ta PA pour voir

et donner le code que tu as mis Very Happy
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Mer 3 Mai 2017 - 20:11

J'ai mis tout le code pour que tu vois où je l'ai mis :

Code:
<meta charset="UTF-8" /> <title>Pa-Lisou</title> <style>
/* ajustements personnels */

/* stylisation paragraphe contexte + choses à savoir : */
#pa {
font-family: "Lucida Handwriting", cursive;
font-size: 12px;
position: relative;
}

/* stylisation titres */
#pa h2 {
font-family: sans-serif;
font-size: 14px;
color: #BD882D;
text-transform: uppercase;
text-align: center;
font-style: italic;

margin-bottom: 10px !important; /* = espace sous les titres */
}

/* stylisation liens de toute la PA */

#pa a{
text-decoration: none;
color: #BD882D;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#pa a:hover{
text-decoration: none;
color: black;
}

/* normalize */
#pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}

/* GÉNÉRAL */

#pa {
width: 920px;
margin: 0 auto;
border: 5px solid black;
}

#pa-1 h1 {
width: 100%;
height: 100px; line-height: 100px;
text-align: center;
color: #BD882D;
}

#container {
width: 780px; margin: 20px auto 10px;
overflow: hidden;
}

.left {
width: 620px;
float: left; margin-right: 10px;
min-height: 145px;
}

.right {
width: 126px; height: 280px;
border: 2px solid #000;
float: right;
padding: 10px;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

/* CADRE LIENS */
#cadreliens{
width: 150px; max-width: 150px;
height: 280px; max-height:280px;
padding: 10px; margin-bottom: 10px;
border: 2px solid black;
float:left;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

/* ESPACE CONTEXTE */
#contexte{
float: left;
width: 410px; height: 95px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
.texte-contexte {
width: 410px; height: 140px;
padding-right: 15px; /* espace pour scrollbar */
float: left; text-align: justify;
overflow-y: auto; /* scrolling */
}

.texte-contexte p{ margin-bottom: 20px;}
.texte-contexte p:last-child{ margin-bottom: 0px;}


/* ESPACE NEWS ET RP*/

.twocols {
float: left;
width: 188px; height: 152px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

.twocols:nth-child(even) {
margin-right: 0px;
}

/* ESPACE TOP SITES */

#footer2 {
clear: both;
width: 100%;
}

#footer2 img {
width: 80px; height: 33px;
margin-top:5px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#footer2 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

/* PARTENAIRES */

#footer1 {
clear: both;
width: 100%;
padding-top: 15px !important;
}


#footer1 img {
width: 88px; height: 31px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#footer1 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

#credits {
position: absolute;
bottom: -20px; right: 0;
}

</style>
<div id="pa">
   
   <div id="pa-1">
      
      <div class="connected">
          
         <h1>
             Bienvenue <span class="user-name">L'ange noir</span> 
         </h1>
          
         <p>
            <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> 
         </p><br /> 
      </div>
      
      <div id="container">
         
         <div class="left">
             
            <!--  ESPACE CADRE LIENS  --> 
            <div id="cadreliens">
               
               <div class="texte-contexte">
                   
                  <h3>
                     <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a> <br /> <a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a> <br /> <a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> 
                  </h3>
                   
               </div>
                
            </div>
             
            <!--  ESPACE CONTEXTE  --> 
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
               
               <div id="contexte">
                   CONTEXTE 
               </div>
                
            </div>
             
            <!--  ESPACE NEWS ET RP  --> 
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
               
               <div class="twocols news">
                   INFOS <br /> 
                  <marquee direction="up" scrollamount="2" style="width: 180px; height: 150px;">
                      
                     <p>
                         Mise à jour du contexte 
                     </p>
                      
                     <p>
                         Création d'un prédéfini vampire : Jo Laterreur 
                     </p>
                      
                  </marquee>
                   
               </div>
               
               <div class="twocols choses">
                   RP EN COURS 
                  <marquee direction="up" scrollamount="2" style="width: 180px; height: 150px;">
                      
                     <p>
                        
                     </p>
                     <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>
                     <p>
                     </p>
                      
                  </marquee>
                   
               </div>
                
            </div>
             
         </div>
          
         <!--  END COLONNE "LEFT"  --> 
         <!--  ESPACE TOP SITES  --> 
         <div class="right">
            
            <div id="footer2" style="text-align: center;">
                
               <h2>
                   VOTONS POUR VK 
               </h2><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=424" class="postlink" target="_blank" rel="nofollow"><img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a> <a target="_blank" class="postlink" href="http://www.root-top.com/topsite/velusia/in.php?ID=531"><img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=14016" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/korben/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a> 
            </div>
             
         </div>
          
         <!--  END COLONNE "RIGHT"  --> 
         <div id="footer1" style="text-align: center;">
            <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857-

bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a href="http://divinetemptation.forumactif.org/" target="_blank"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> 
         </div>
          
      </div>
       
   </div>
</div>


Et ça affiche l'angle gauche de ma PA, regarde :

http://sangsmelesoriginels.forumactif.com/

avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Mer 3 Mai 2017 - 20:27



Dans le lien que je t'ai communiqué ... as tu respecté ceci :

Je récapitule pour ce qui en auront besoin :

1- Activer le portail
2- Supprimer tous les widgets sauf celui des post récent.
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Mer 3 Mai 2017 - 20:28

Ooopssss, non pas du tout....
Embarassed


J'y retourne, désolée


Voilà, j'ai tout supprimé.

Mais pour le moment je vois toujours la partie gauche de la PA...
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Mer 3 Mai 2017 - 20:41

j'ai un peu de mal à comprendre le fonctionnement. Du coup je n'arrive pas à faire comme il faut. Je crois que je vais me poser pour ce soir et continuer demain.

Merci
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 9:21

bonjour

voilà j'ai réussi à faire les étapes 1 et 2.

le widget est a gauche de ma pa

j'ai mis le code html et c'est écris "page 1 doesn't exist" dans la case sur ma PA

je dois faire quoi maintenant ?
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 9:51

Je suis toujours dans mes essais sur mon forum test. J'ai appliqué ce code proposé par Zanshi sur ce forum. Cela m'a retiré la phrase "La Page 1 does not exist" et j'ai à la place "Derniers Messages".

Mais à part le titre, les derniers messages ne s'affichent pas là mais toujours dans le widget à gauche de ma PA.

Code:
<div class="twocols choses">
                     
                  <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                                                                                                                                        
                     <table>
                                                             
                        <tbody>
                                                                        
                           <tr>
                                                                                   
                              <td align="center">
                                                                                              
                                 <div style="margin:auto;text-align:center;width:100%">
                                                                      <span style="font-family: 'Comic Sans Ms';"><span style="font-size: 15px; line-height: normal"><strong>Derniers Messages</strong></span></span>                                                         
                                 </div>
                                                                                              
                                 <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                               
                                    <div id="recent-topics">
                                                                                                    
                                    </div><script>
  jQuery.get('/portal',function(data){jQuery('#recent-topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());});
</script>                                                       
                                 </marquee>
                                                                                        
                              </td>
                                                                             
                           </tr>
                                                                  
                        </tbody>
                                                       
                     </table>
                     
                  </marquee>
                                         
               </div>
                                      
            </div>
                                   
         </div>


Comment faire passer les messages au bon endroit ????

Si vous pouvez m'aider. Je continue à chercher de mon côté. Merci

Pour vous aider voici une image. Le widget est à gauche, je le voudrais sur ma PA en passant par Affichage, généralité...



avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Jeu 4 Mai 2017 - 11:32


Dans panneau d'administration -> modules -> portail et widgets -> gestion des widgets du Forum:

Afficher les widgets du forum : doit être coché -> non

gestion des widgets du Portail doit contenir le widget -> "Sujets récents"

Afficher le portail : doit être coché -> oui

======

Ceci va replacer le widget "Sujets récents" dans ton message d'accueil -> ou tu l'auras inséré Very Happy

Ne pas oublier de mettre le CSS donné dans ta feuille de style CSS (l'adapter selon ton choix)
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 11:54

Bonjour IMC

J'ai coché non pour le widget du forum.

Par contre je ne trouve pas ceci "gestion des widgets du Portail"

Il y a "Configuration du portail" là j'ai coché oui pour qu'il s'affiche. Et en dessous il y a "Liste des pages portail" et là c'est vide. Je n'ai rien mis.

avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Jeu 4 Mai 2017 - 12:04


Sous "Liste des pages" portail il y a :

1 Portail - Dupliquer Structure Voir le portail

Clique sur Structure -> met en place le widget "Sujets récents" en haut colonne de gauche (vire tous les autres)
N'oublie pas -> d'Enregistrer
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 12:08

Je suis vraiment désolée. j'ai honte de ne pas trouver. Voici ce que je vois :

avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Jeu 4 Mai 2017 - 12:15


Bizarre ... normalement la page est déjà en place reflexion

Bon dans "Créer une nouvelle Page" tu met -> Portail

et tu vas ensuite trouver "structure"
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 12:18

Oui, j'ai créé la page portail et j'ai cliqué sur Structure. Maintenant en dessous de mon portail, j'ai la liste avec les petits cadres bleus et blancs du forum. "Recherche" "News" "Statistiques" "Sujets récents".... etc...
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Jeu 4 Mai 2017 - 12:23


Faut tout virer en cliquant sur la croix rouge -> Excepter "sujets Récents" que tu placeras en haut de la colonne de Gauche
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 12:38

Alors

j'ai tout supprimé. Je n'ai pas vu de colonne de gauche mais une bande au dessus dans laquelle je peux glisser le widget "sujets récents", je l'ai mis là mais ça n'affiche toujours rien dans la PA....
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Jeu 4 Mai 2017 - 12:48



Peux tu redonner le code de ton message d'accueil (en totalité)

et le CSS correspondant au widget "Sujets Récents" -> #recent_topics
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 12:54

Oui

Code:
<meta charset="UTF-8" /> <title>Pa-Lisou</title> <style>
/* ajustements personnels */

/* stylisation paragraphe contexte + choses à savoir : */
#pa {
font-family: "Lucida Handwriting", cursive;
font-size: 12px;
position: relative;
}

/* stylisation titres */
#pa h2 {
font-family: sans-serif;
font-size: 14px;
color: #BD882D;
text-transform: uppercase;
text-align: center;
font-style: italic;

margin-bottom: 10px !important; /* = espace sous les titres */
}

/* stylisation liens de toute la PA */

#pa a{
text-decoration: none;
color: #BD882D;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#pa a:hover{
text-decoration: none;
color: black;
}

/* normalize */
#pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}

/* GÉNÉRAL */

#pa {
width: 920px;
margin: 0 auto;
border: 5px solid black;
}

#pa-1 h1 {
width: 100%;
height: 100px; line-height: 100px;
text-align: center;
color: #BD882D;
}

#container {
width: 780px; margin: 20px auto 10px;
overflow: hidden;
}

.left {
width: 620px;
float: left; margin-right: 10px;
min-height: 145px;
}

.right {
width: 126px; height: 280px;
border: 2px solid #000;
float: right;
padding: 10px;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

/* CADRE LIENS */
#cadreliens{
width: 150px; max-width: 150px;
height: 280px; max-height:280px;
padding: 10px; margin-bottom: 10px;
border: 2px solid black;
float:left;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

/* ESPACE CONTEXTE */
#contexte{
float: left;
width: 410px; height: 95px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
.texte-contexte {
width: 410px; height: 140px;
padding-right: 15px; /* espace pour scrollbar */
float: left; text-align: justify;
overflow-y: auto; /* scrolling */
}

.texte-contexte p{ margin-bottom: 20px;}
.texte-contexte p:last-child{ margin-bottom: 0px;}


/* ESPACE NEWS ET RP*/

.twocols {
float: left;
width: 188px; height: 152px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

.twocols:nth-child(even) {
margin-right: 0px;
}

/* ESPACE TOP SITES */

#footer2 {
clear: both;
width: 100%;
}

#footer2 img {
width: 80px; height: 33px;
margin-top:5px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#footer2 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

/* PARTENAIRES */

#footer1 {
clear: both;
width: 100%;
padding-top: 15px !important;
}


#footer1 img {
width: 88px; height: 31px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#footer1 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

#credits {
position: absolute;
bottom: -20px; right: 0;
}

</style>
<div id="pa">
                        
   <div id="pa-1">
                           
      <div class="connected">
                                
         <h1>
                        Bienvenue <span class="user-name">{USER&amp;#8288;NAME}</span>           
         </h1>
                                
         <p>
                      <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span>           
         </p><br />           
      </div>
                           
      <div id="container">
                              
         <div class="left">
                                   
            <!--              ESPACE CADRE LIENS              -->           
            <div id="cadreliens">
                                    
               <div class="texte-contexte">
                                         
                  <h3>
                               <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a> <br /> <a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a> <br /> <a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a>           
                  </h3>
                                         
               </div>
                                      
            </div>
                                   
            <!--              ESPACE CONTEXTE              -->           
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                    
               <div id="contexte">
                              CONTEXTE             
               </div>
                                      
            </div>
                                   
            <!--              ESPACE NEWS ET RP              -->           
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                    
               <div class="twocols news">
                              INFOS <br />           
                  <marquee style="width: 180px; height: 150px;" scrollamount="2" direction="up">
                                            
                     <p>
                                    Mise à jour du contexte             
                     </p>
                                            
                     <p>
                                    Création d'un prédéfini vampire : Jo Laterreur             
                     </p>
                                            
                  </marquee>
                                         
               </div>
                                    
               <div class="twocols choses">
                     
                  <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                                                                                                                                        
                     <table>
                                                             
                        <tbody>
                                                                        
                           <tr>
                                                                                   
                              <td align="center">
                                                                                              
                                 <div style="margin:auto;text-align:center;width:100%">
                                                                      <span style="font-family: 'Comic Sans Ms';"><span style="font-size: 15px; line-height: normal"><strong>Derniers Messages</strong></span></span>                                                         
                                 </div>
                                                                                              
                                 <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                               
                                    <div id="recent-topics">
                                                                                                    
                                    </div><script>
  jQuery.get('/portal',function(data){jQuery('#recent-topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());});
</script>                                                       
                                 </marquee>
                                                                                        
                              </td>
                                                                             
                           </tr>
                                                                  
                        </tbody>
                                                       
                     </table>
                     
                  </marquee>
                                         
               </div>
                                      
            </div>
                                   
         </div>
                                
         <!--              END COLONNE "LEFT"              -->           
         <!--              ESPACE TOP SITES              -->           
         <div class="right">
                                 
            <div style="text-align: center;" id="footer2">
                                      
               <h2>
                              VOTONS POUR VK             
               </h2><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181"><img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/lilie/in.php?ID=424"><img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a> <a href="http://www.root-top.com/topsite/velusia/in.php?ID=531" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=14016"><img src="http://img.root-top.com/topsite/korben/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646"><img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a>           
            </div>
                                   
         </div>
                                
         <!--              END COLONNE "RIGHT"              -->           
         <div style="text-align: center;" id="footer1">
                      <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857-

bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a target="_blank" href="http://divinetemptation.forumactif.org/"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a>           
         </div>
                                
      </div>
                             
   </div>
</div>


La partie du CSS qui correspond à Recent-topics c'est :

Code:

.twocols {
float: left;
width: 188px; height: 152px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

.twocols:nth-child(even) {
margin-right: 0px;
}


Et la partie en HTML c'est :

Code:
<div class="twocols choses">
                     
                  <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                                                                                                                                        
                     <table>
                                                             
                        <tbody>
                                                                        
                           <tr>
                                                                                   
                              <td align="center">
                                                                                              
                                 <div style="margin:auto;text-align:center;width:100%">
                                                                      <span style="font-family: 'Comic Sans Ms';"><span style="font-size: 15px; line-height: normal"><strong>Derniers Messages</strong></span></span>                                                         
                                 </div>
                                                                                              
                                 <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                               
                                    <div id="recent-topics">
                                                                                                    
                                    </div><script>
  jQuery.get('/portal',function(data){jQuery('#recent-topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());});
</script>                                                       
                                 </marquee>
                                                                                        
                              </td>
                                                                             
                           </tr>
                                                                  
                        </tbody>
                                                       
                     </table>
                     
                  </marquee>
                                         
               </div>
                                      
            </div>
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Jeu 4 Mai 2017 - 12:58


Merci ..... "ange" je ne pourrais te répondre avant Fin d'AM
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 13:08

Pas de souci.

A plus tard.^^


EDIT : Une info pour quand tu reviendras. Le widget s'affiche en bas du forum, dans le footer. Je n'ai pu le voir que lorsque je me suis déconnectée. En plus, une fois déconnectée, je ne vois plus la PA. J'ai forcément une erreur dans mon codage. Si j'ai le temps je regarderai aussi cet AM. Sinon, on se voit plus tard.^^

avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Jeu 4 Mai 2017 - 19:41

Je viens de faire le point sur ton code (le premier en haut de ton avant dernier message)
tout est dedans le CSS + l'HTML

1ère anomalie le widget a comme id dans ta div et dans le script -> "recent-topics" le CSS que tu as donné est en relation avec -> "twocols" .... ça ne peu pas fonctionner Very Happy

j'ai repris l'intégralité de ton code
Le voici (partiellement modifié ... because -> y a encore des trucs qui clochent) :
Code Remanié:
Code:
<meta charset="UTF-8" /> <title>Pa-Lisou</title>
<style>
/* ajustements personnels */
/* stylisation paragraphe contexte + choses à savoir : */
#pa {
font-family: "Lucida Handwriting", cursive;
font-size: 12px;
position: relative;
}
/* stylisation titres */
#pa h2 {
font-family: sans-serif;
font-size: 14px;
color: #BD882D;
text-transform: uppercase;
text-align: center;
font-style: italic;
margin-bottom: 10px !important; /* = espace sous les titres */
}
/* stylisation liens de toute la PA */
#pa a{
text-decoration: none;
color: #BD882D;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#pa a:hover{
text-decoration: none;
color: black;
}
/* normalize */
#pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}
/* GÉNÉRAL */
#pa {
width: 920px;
margin: 0 auto;
border: 5px solid black;
}
#pa-1 h1 {
width: 100%;
height: 100px; line-height: 100px;
text-align: center;
color: #BD882D;
}
#container {
width: 780px; margin: 20px auto 10px;
overflow: hidden;
}
.left {
width: 620px;
float: left; margin-right: 10px;
min-height: 145px;
}
.right {
width: 126px; height: 280px;
border: 2px solid #000;
float: right;
padding: 10px;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
/* CADRE LIENS */
#cadreliens{
width: 150px; max-width: 150px;
height: 280px; max-height:280px;
padding: 10px; margin-bottom: 10px;
border: 2px solid black;
float:left;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
/* ESPACE CONTEXTE */
#contexte{
float: left;
width: 410px; height: 95px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
.texte-contexte {
width: 410px; height: 140px;
padding-right: 15px; /* espace pour scrollbar */
float: left; text-align: justify;
overflow-y: auto; /* scrolling */
}
.texte-contexte p{ margin-bottom: 20px;}
.texte-contexte p:last-child{ margin-bottom: 0px;}
/* ESPACE NEWS ET RP*/
.twocols {
float: left;
width: 188px; height: 152px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
.twocols:nth-child(even) {
margin-right: 0px;
}
/*Widget Sujets récents*/
#recent_topics {
color: #D1BFB2;  /* Voir changer couleur du texte */
font-size: 14px;  /* Voir changer taille du texte */
height: 150px;    /* Voir adapter Hauteur */
width: 188px;    /* Voir adapter Larfeur */
overflow-y:hidden;
overflow-x:auto;  /* voir si mettre hidden */
}
/* ESPACE TOP SITES */
#footer2 {
clear: both;
width: 100%;
}
#footer2 img {
width: 80px; height: 33px;
margin-top:5px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#footer2 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/* PARTENAIRES */
#footer1 {
clear: both;
width: 100%;
padding-top: 15px !important;
}
#footer1 img {
width: 88px; height: 31px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#footer1 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
#credits {
position: absolute;
bottom: -20px; right: 0;
}
</style><div id="pa">
  <div id="pa-1">
      <div class="connected">
        <h1>Bienvenue <span class="user-name">{USER&amp;#8288;NAME}</span></h1>
        <p>
        <span style="font-size: 15px;">
       <strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong>
       </span>         
        </p><br />         
      </div>
      <div id="container">
        <div class="left">
            <!--              ESPACE CADRE LIENS              -->         
            <div id="cadreliens">
              <div class="texte-contexte">
                  <h3><a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a>
              <br />
              <a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a>
              <br />
              <a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a>
              <br />
              <a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a>
              <br />
              <a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a>
              <br />
              <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a>         
                  </h3>
              </div>
            </div>
            <!--              ESPACE CONTEXTE              -->         
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
              <div id="contexte">CONTEXTE</div>
            </div>
            <!--              ESPACE NEWS ET RP              -->         
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                <div class="twocols news">INFOS
            <br />         
                <marquee style="width: 180px; height: 150px;" scrollamount="2" direction="up">
                <p>Mise à jour du contexte</p>
                <p>Création d'un prédéfini vampire : Jo Laterreur</p>
                </marquee>
                </div>
                                   
                <div class="twocols choses">
               <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
               <table>
               <tbody>
                  <tr>
                     <td align="center">
                        <div style="margin:auto;text-align:center;width:100%">
                           <span style="font-family: 'Comic Sans Ms';">
                              <span style="font-size: 15px; line-height: normal">
                              <strong>Derniers Messages</strong>
                              </span>
                           </span>                                                       
                        </div>
                                                                                             
                            <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                            <div id="recent_topics">
                     </div>
               <script type="text/javascript">
               jQuery.get('/portal',function(data){
               jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
               });
               </script>                                                     
                            </marquee>
                     </td>
                  </tr>
               </tbody>
               </table>
               </marquee>
                </div>
            </div>
        </div>
        <!--              END COLONNE "LEFT"              -->         
        <!--              ESPACE TOP SITES              -->         
        <div class="right">
            <div style="text-align: center;" id="footer2">
                <h2>VOTONS POUR VK</h2>
            <a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a>
            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181">
            <img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a>
            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/lilie/in.php?ID=424">
            <img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a>
            <a href="http://www.root-top.com/topsite/velusia/in.php?ID=531" class="postlink" target="_blank">
            <img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a>
            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=14016">
            <img src="http://img.root-top.com/topsite/korben/banner.gif" /></a>
            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646">
            <img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a>         
            </div>
        </div>
        <!--              END COLONNE "RIGHT"              -->         
        <div style="text-align: center;" id="footer1">
                <a href="http://atlantisinsurrection.forumactif.fr">
            <img src="http://image.noelshack.com/fichiers/2014/32/1407326857-bouton8831pegase.png" /></a>
            <a href="http://clan-kravt.fr/index.php">
            <img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a>
            <a href="http://black-out.forumactif.org">
            <img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a>
            <a href="http://www.reversa-rpg.com">
            <img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a>
            <a href="http://autresvies.forumgratuit.org">
            <img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a>
            <a href="http://xmhorizon.forumactif.org/">
            <img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a>
            <a href="http://marbrume.forumrpg.org">
            <img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a>
            <a href="http://asaria-evolution.forumactif.org">
            <img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a>
            <a href="http://darkdawnsymphony.forumgratuit.org"></a>
            <a target="_blank" href="http://divinetemptation.forumactif.org/">
            <img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a>
            <a href="http://thedepraveddominance.forumdiet.net">
            <img src="http://i.imgur.com/rcYsLLm.png" /></a>         
        </div>
    </div>
  </div>
</div>

J'ai rajouté le CSS pour le Widget :
Code:
/*Widget Sujets récents*/
#recent_topics {
color: #BD882D;  /* Voir changer couleur du texte */
font-size: 14px;  /* Voir changer taille du texte */
height: 150px;    /* Voir adapter Hauteur */
width: 188px;    /* Voir adapter Larfeur */
overflow-y:hidden;
overflow-x:auto;  /* voir si mettre hidden */
}

reste à adapter color - font-size - height - width

======================================
dans la partie HTML du widget tu imbriques deux zones -> marquée (défilante vers le haut)
.... pas bon ....!
le passage concerné:
Code:
                <div class="twocols choses">
               <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
               <table>
               <tbody>
                  <tr>
                     <td align="center">
                        <div style="margin:auto;text-align:center;width:100%">
                           <span style="font-family: 'Comic Sans Ms';">
                              <span style="font-size: 15px; line-height: normal">
                              <strong>Derniers Messages</strong>
                              </span>
                           </span>                                                       
                        </div>
                                                                                             
                            <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                            <div id="recent_topics">
                     </div>
               <script type="text/javascript">
               jQuery.get('/portal',function(data){
               jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
               });
               </script>                                                     
                            </marquee>
                     </td>
                  </tr>
               </tbody>
               </table>
               </marquee>
                </div>

à mon avis faut que le titre "derniers Messages" soit fixe ....et que le widget soit mobile (zone marquee)
Donc modifier comme ceci :
Code:
                <div class="twocols choses">
               <table>
               <tbody>
                  <tr>
                     <td align="center">
                     <p>Derniers Messages</p>
             <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                            <div id="recent_topics">
                     </div>
               <script type="text/javascript">
               jQuery.get('/portal',function(data){
               jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
               });
               </script>                                                     
                            </marquee>
                     </td>
                  </tr>
               </tbody>
               </table>
      </div>

Un conseil ... prends ton temps ... sauvegarde ton code actuel
reprends le mien avec les deux zones marquée ... fais un essai ....!

Ensuite modifie la zone correspondant à mon dernier code
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 19:44

Merci beaucoup IMC.

Je m'y mets tout de suite et je viens te dire^^
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 20:00

Voilà, j'ai mis le code css et le html. J'ai modifié le code Marquee pour que le titre ne bouge pas. Aucun souci de ce côté là. Je n'ai pas encore changé les paramètres de couleur.

J'ai bien vérifié d'avoir fais comme tu as dis. Mais rien à faire, le widget continue à ne pas s'afficher dans la case.

Code:
<meta charset="UTF-8" /> <title>Pa-Lisou</title> <style>
/* ajustements personnels */
/* stylisation paragraphe contexte + choses à savoir : */
#pa {
font-family: "Lucida Handwriting", cursive;
font-size: 12px;
position: relative;
}
/* stylisation titres */
#pa h2 {
font-family: sans-serif;
font-size: 14px;
color: #BD882D;
text-transform: uppercase;
text-align: center;
font-style: italic;
margin-bottom: 10px !important; /* = espace sous les titres */
}
/* stylisation liens de toute la PA */
#pa a{
text-decoration: none;
color: #BD882D;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#pa a:hover{
text-decoration: none;
color: black;
}
/* normalize */
#pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}
/* GÉNÉRAL */
#pa {
width: 920px;
margin: 0 auto;
border: 5px solid black;
}
#pa-1 h1 {
width: 100%;
height: 100px; line-height: 100px;
text-align: center;
color: #BD882D;
}
#container {
width: 780px; margin: 20px auto 10px;
overflow: hidden;
}
.left {
width: 620px;
float: left; margin-right: 10px;
min-height: 145px;
}
.right {
width: 126px; height: 280px;
border: 2px solid #000;
float: right;
padding: 10px;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
/* CADRE LIENS */
#cadreliens{
width: 150px; max-width: 150px;
height: 280px; max-height:280px;
padding: 10px; margin-bottom: 10px;
border: 2px solid black;
float:left;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
/* ESPACE CONTEXTE */
#contexte{
float: left;
width: 410px; height: 95px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
.texte-contexte {
width: 410px; height: 140px;
padding-right: 15px; /* espace pour scrollbar */
float: left; text-align: justify;
overflow-y: auto; /* scrolling */
}
.texte-contexte p{ margin-bottom: 20px;}
.texte-contexte p:last-child{ margin-bottom: 0px;}

/* ESPACE NEWS ET RP*/
.twocols {
float: left;
width: 188px; height: 152px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
.twocols:nth-child(even) {
margin-right: 0px;
}
/*Widget Sujets récents*/
#recent_topics {
color: #D1BFB2;  /* Voir changer couleur du texte */
font-size: 14px;  /* Voir changer taille du texte */
height: 150px;    /* Voir adapter Hauteur */
width: 188px;    /* Voir adapter Larfeur */
overflow-y:hidden;
overflow-x:auto;  /* voir si mettre hidden */
}
/* ESPACE TOP SITES */
#footer2 {
clear: both;
width: 100%;
}
#footer2 img {
width: 80px; height: 33px;
margin-top:5px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#footer2 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/* PARTENAIRES */
#footer1 {
clear: both;
width: 100%;
padding-top: 15px !important;
}
#footer1 img {
width: 88px; height: 31px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#footer1 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
#credits {
position: absolute;
bottom: -20px; right: 0;
}
</style>
<div id="pa">
          
   <div id="pa-1">
                 
      <div class="connected">
                      
         <h1>
              Bienvenue <span class="user-name">{USER&amp;#8288;NAME}</span> 
         </h1>
                      
         <p>
                      <span style="font-size: 15px;">      <strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong>      </span>                   
         </p><br />                 
      </div>
                 
      <div id="container">
                      
         <div class="left">
                             
            <!--                  ESPACE CADRE LIENS                  -->                       
            <div id="cadreliens">
                                  
               <div class="texte-contexte">
                                         
                  <h3>
                       <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a>              <br />              <a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a>              <br />              <a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a>              <br />              <a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a>              <br />              <a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a>              <br />              <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a>                             
                  </h3>
                                     
               </div>
                                
            </div>
                             
            <!--                  ESPACE CONTEXTE                  -->                       
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                  
               <div id="contexte">
                    CONTEXTE 
               </div>
                                
            </div>
                             
            <!--                  ESPACE NEWS ET RP                  -->                       
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                    
               <div class="twocols news">
                    INFOS            <br />                           
                  <marquee style="width: 180px; height: 150px;" scrollamount="2" direction="up">
                                          
                     <p>
                          Mise à jour du contexte 
                     </p>
                                          
                     <p>
                          Création d'un prédéfini vampire : Jo Laterreur 
                     </p>
                                          
                  </marquee>
                                       
               </div>
                                                                        
               <div class="twocols choses">
                     
                  <p>
                     Derniers Messages
                  </p>
                                                   
                  <table>
                                        
                     <tbody>
                                               
                        <tr>
                                                    
                           <td behavior="none" direction="up" scrollamount="2" style="height: 200px;" <marquee="">
                                                               
                              <div id="recent_topics">
                                                          
                              </div>
                                                <script type="text/javascript">
              jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
              });
              </script>                                                                                                             
                           </td>
                                                  
                        </tr>
                                           
                     </tbody>
                                        
                  </table>
                                                         
               </div>
                                
            </div>
                         
         </div>
                      
         <!--                  END COLONNE "LEFT"                  -->                   
         <!--                  ESPACE TOP SITES                  -->                   
         <div class="right">
                             
            <div style="text-align: center;" id="footer2">
                                    
               <h2>
                    VOTONS POUR VK 
               </h2>
                             <a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529" class="postlink" target="_blank" rel="nofollow">            <img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a>            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181">            <img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a>            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/lilie/in.php?ID=424">            <img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a>            <a href="http://www.root-top.com/topsite/velusia/in.php?ID=531" class="postlink" target="_blank">            <img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a>            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=14016">            <img src="http://img.root-top.com/topsite/korben/banner.gif" /></a>            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646">            <img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a>                       
            </div>
                         
         </div>
                      
         <!--                  END COLONNE "RIGHT"                  -->                   
         <div style="text-align: center;" id="footer1">
                              <a href="http://atlantisinsurrection.forumactif.fr">            <img src="http://image.noelshack.com/fichiers/2014/32/1407326857-bouton8831pegase.png" /></a>            <a href="http://clan-kravt.fr/index.php">            <img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a>            <a href="http://black-out.forumactif.org">            <img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a>            <a href="http://www.reversa-rpg.com">            <img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a>            <a href="http://autresvies.forumgratuit.org">            <img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a>            <a href="http://xmhorizon.forumactif.org/">            <img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a>            <a href="http://marbrume.forumrpg.org">            <img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a>            <a href="http://asaria-evolution.forumactif.org">            <img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a>            <a href="http://darkdawnsymphony.forumgratuit.org"></a>            <a target="_blank" href="http://divinetemptation.forumactif.org/">            <img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a>            <a href="http://thedepraveddominance.forumdiet.net">            <img src="http://i.imgur.com/rcYsLLm.png" /></a>                   
         </div>
                  
      </div>
             
   </div>
</div>


Ce n'est pas simple cette affaire. J'ai aussi retiré le code des twocols, juste pour voir si le widget n'était pas caché derrière. Mais rien. Il ne s'affiche pas plus sans ça.
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Jeu 4 Mai 2017 - 20:07


Pas simple en effet ... mais bon ... nous allons y arriver Very Happy

Déjà une chose importante ... j'ai mis le code concernant le widget en message d'accueil il fonctionne sur un forum test ...

Reste à voir ce qui cloche dans ton code

Je regarde cela à tête reposée
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 20:12

Si déjà on sait que ça fonctionne, c'est le principal. Reste à trouver le souci dans mon code, comme tu dis.

Je peux faire doucement en supprimant et en remettant lentement les choses dans le code. Quand je suis perdue je fais comme ça. Ca prend du temps, mais au bout d'un moment j'arrive à trouver mon erreur.

Le premier qui trouve prévient l'autre.
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Jeu 4 Mai 2017 - 20:17


J'ai trouvé la zone qui cloche Recherche cette partie :
Code:
<table>
                                       
                    <tbody>
                                             
                        <tr>
                                                   
                          <td behavior="none" direction="up" scrollamount="2" style="height: 200px;" <marquee="">
                                                             
                              <div id="recent_topics">
                                                         
                              </div>
                                                <script type="text/javascript">
              jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
              });
              </script>                                                                                                           
                          </td>
                                                 
                        </tr>
                                         
                    </tbody>
                                       
                  </table>

Remplace toute cette zone par :

Code:

<marquee style="width: 180px; height: 150px;" scrollamount="2" direction="up">
                    <div id="recent_topics"></div>
              <script type="text/javascript">
              jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
              });
              </script>                                                                                                           
</marquee>
avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par L'ange noir le Jeu 4 Mai 2017 - 20:29

j'ai changé de <table> à </table>

Ca n'apparaît toujours pas.

Si ça peut aider, quand je sors et que je reviens sur le forum, je le vois en bas à gauche.
avatar

L'ange noir
**

Messages : 73
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Envoyer des liens automatiques sur la PA

Message par lmc38510 le Jeu 4 Mai 2017 - 20:38

Oupsssss ..... encore une erreur ....because ...?

dans le Script il y a :
Code:
              <script type="text/javascript">
              jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
              });
              </script>

Pas bon il faut remplacer par ceci:
Code:
              <script type="text/javascript">
              jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1'').html());
              });
              </script>

avatar

lmc38510
*****

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

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 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