derniers sujets sur ma page d'accueil

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

Résolu derniers sujets sur ma page d'accueil

Message par -Mishirame- le Sam 1 Mar 2014 - 11:52

Bonjour,

Après avoir essayer de résoudre le problème moi même mais sans succès, je voudrais que l'on m'aide à mettre mes derniers sujets correctement.

> Mon forum ici <

Vous voyez le tableau que j'ai en page d'accueil ? Y'a déja le titre " derniers sujets " , je voudrais le placer ici, qu'il soit en scroll automatique ou bien qu'on puisse défiler avec une scroll barre ( si vous savez comment faire pouvez vous me dire svp ? ) mais je voudrais avant tout qu'il déborde pas du cadre que je lui ai imposé... Malgrès que le code soit bon, ça me fait toujours ce problème.


Voici le code entier de ma PA, le code concerné se trouve en bas en dernier;

Code:

<div id="entete">
    
   <div id="patexte">
      
      <div class="welcome">
          Bienvenue sur notre forum, <em>{USER&amp;#8288;NAME}</em> !
      </div>
      
      <center>
          
         <div style="width:650px;height:204px;">
             <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="slideful" style="width: 650px; height: 204px; "><param value="http://c.slideful.com/1/201401/31/0857785682078945/player10600_dscrt_hidden_sides.swf?fr=116&w=650&h=204&cs9=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A499%3Bt%3A158&cs8=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs7=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A499%3Bt%3A157&cs6=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A497%3Bt%3A158&cs5=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A496%3Bt%3A156&cs4=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs3=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs2=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A158&cs1=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A494%3Bt%3A156&c1=Rangers+&c2=Rangers&c3=Rangers&c4=Rangers&c5=Rangers%0D%0A&c6=Rangers&c7=Rangers&c8=Rangers&c9=Rangers&s=5&tr=sl&n=9" id="movie" /><param value="#FFFF00" id="bgcolor" /><param value="high" id="quality" /><param value="always" id="allowscriptaccess" /><param value="transparent" id="wmode" />
               <!--                                      [if !IE]>                                      --><object type="application/x-shockwave-flash" data="http://c.slideful.com/1/201401/31/0857785682078945/player10600_dscrt_hidden_sides.swf?fr=116&w=650&h=204&cs9=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A499%3Bt%3A158&cs8=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs7=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A499%3Bt%3A157&cs6=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A497%3Bt%3A158&cs5=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A496%3Bt%3A156&cs4=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs3=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs2=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A158&cs1=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A494%3Bt%3A156&c1=Rangers+&c2=Rangers&c3=Rangers&c4=Rangers&c5=Rangers%0D%0A&c6=Rangers&c7=Rangers&c8=Rangers&c9=Rangers&s=5&tr=sl&n=9" id="slideful" style="width: 650px; height: 204px; "><param value="#FFFF00" id="bgcolor" /><param value="high" id="quality" /><param value="always" id="allowscriptaccess" /><param value="transparent" id="wmode" /><script type="text/javascript" src="http://c.slideful.com/v20140131_0857785682078945.js"></script><noscript><a href="http://slideful.com/v20140131_0857785682078945_pf.htm">View the slide show</a></noscript></object>
               <!--                                      <![endif]                                      --></object>
         </div>
          
      </center>
      
   </div>
    
</div>
 
<div id="main">
    
   <div id="menu">
      
      <div class="descri_image">
          
         <div style="-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;display: block; text-align: justify; width: 235px; height: 185px; background: url(http://i61.tinypic.com/4kuzqu.jpg) center center no-repeat;">
            
            <div class="description_image_contenu">
                
               <div style="OVERFLOW: auto; width: 230px; height: 180px; padding: 0px;">
                  
                  <center>
                      <br /><span style="font-size:20px;" class="form">Informations</span><br /><br />
                  </center>
                  
                  <div align="left">
                      <span style="font-family: Arial;"><span style="font-size: 12px;"> <span style="color: #ff3333;">♦</span> <strong><span style="color: #ff66cc;">NosTale FR</span></strong> <br /><span style="color: #ff3333;">♦</span> <strong><span style="color: #ff66cc;">Serveur 1</span></strong> - Océanie<br /><span style="color: #ff66cc;">♦</span> <strong><span style="color: #ff66cc;">Création de la famille:</span></strong> Le 24 Août 2013<br /><span style="color: #ff66cc;">♦</span> <strong><span style="color: #ff66cc;">Camp Acte4:</span></strong> Demon<br /><span style="color: #ff3333;">♦</span> <strong><span style="color: #ff66cc;">Niveau FXP:</span></strong> 6 (60%)<br /><span style="color: #ff3333;">♦</span> <strong><span style="color: #ff66cc;">Nombre de membres:</span></strong> 25<br /> </span> </span>
                  </div>
                  
               </div>
                
            </div>
            
         </div>
          
      </div>
      
   </div>
    
   <div id="contenu">
      
      <div class="welcome">
          Staff
      </div>
      
      <div class="mozaik_contenu">
          <span class="mozaik_avatar" style="background: url(http://i60.tinypic.com/2d7zg3r.jpg) center center no-repeat;"><span class="mozaik_avatardescr"><span class="mozaik_avatartitre">R-Devil</span>Gardien de famille<br />Level: 89<br />Métier: 80<br />Classe: Mage<br /></span></span><span class="mozaik_avatar" style="background: url(http://i61.tinypic.com/f1ytqu.jpg) center center no-repeat;"><span class="mozaik_avatardescr"><span class="mozaik_avatartitre">Sheim</span>Assistant de famille<br />Level: 90<br />Métier: 80<br />Classe: Escrimeur<br /></span></span><span class="mozaik_avatar" style="background: url(http://i59.tinypic.com/o08oys.jpg) center center no-repeat;"><span class="mozaik_avatardescr"><span class="mozaik_avatartitre">-Mishirame-</span>Tête de famille<br />Level: 53<br />Métier: 70<br />Classe: Archer<br /></span></span><span class="mozaik_avatar" style="background: url(http://i60.tinypic.com/1z7255j.jpg) center center no-repeat;"><span class="mozaik_avatardescr"><span class="mozaik_avatartitre">legoyo</span>Assistant de famille<br />Level: 89<br />Métier: 80<br />Classe: Escrimeur<br /></span></span><span class="mozaik_avatar" style="background: url(http://i62.tinypic.com/2d9vhbn.jpg) center center no-repeat;"><span class="mozaik_avatardescr"><span class="mozaik_avatartitre">imminotoris159</span>Gardien de famille<br />Level: 90<br />Métier: 80<br />Classe: Archer<br /></span></span>
      </div>
      
   </div>
    
   <div id="footer">
      
      <div id="pacadre1">
          
      </div>
      
   </div>
    
   <div id="pacadre2">
      
      <div class="welcome">
          Recrutement
      </div>
      
      <div align="left">
          <br /><img src="http://i57.servimg.com/u/f57/16/93/24/50/og-es-10.gif" /> Escrimeurs: <span style="color: #33cc33;">On </span><br /><img src="http://i57.servimg.com/u/f57/16/93/24/50/og-es-10.gif" /> Archers: <span style="color: #33cc33;">On</span><br /><img src="http://i57.servimg.com/u/f57/16/93/24/50/og-es-10.gif" /> Mages: <span style="color: #33cc33;">On</span><br />
      </div>
      
   </div>
    
   <div id="pacadre3">
      
      <div class="welcome">
          Derniers sujets
      </div>
      
      <div id="recent-topics">
          <marquee behavior="scroll" direction="up" scrollamount="1" onmouseover="this.stop();" onmouseout="this.start();"> <script type="text/javascript">jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});</script> </marquee>
      </div>
      
   </div>
</div>


Dernière édition par -Mishirame- le Sam 1 Mar 2014 - 19:22, édité 1 fois

-Mishirame-
***

Féminin
Messages : 176
Inscrit(e) le : 06/01/2012

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

Résolu Re: derniers sujets sur ma page d'accueil

Message par MlleAlys le Sam 1 Mar 2014 - 12:36

Bonjour,
pour l'effet de barre de scroll sur un élément, comme une div, il faut fixer une hauteur à cette div, puis utiliser la propriété css "overflow", avec la valeur "scroll" (les barres de défilement seront toujours visibles) ou "auto" (les barres de défilement apparaissent si le contenu "dépasse" des dimensions données.
Vous pouvez donc ajouter ce code dans votre feuille de style css pour égler le problème :
Code:
#recent-topics {
    height: 75px;  /*hauteur de la div*/
    overflow: auto;  /*apparition de la barre de scroll si plus grand*/
}

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: derniers sujets sur ma page d'accueil

Message par -Mishirame- le Sam 1 Mar 2014 - 19:19



Bonsoir !

Merci beaucoup ça fonctionne Smile

Je passe en résolue, bonne soirée à vous Very Happy


-Mishirame-
***

Féminin
Messages : 176
Inscrit(e) le : 06/01/2012

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

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