Coucou,
C'est re moi ^^
Je sais que je pose beaucoup de questions mais je ne le fais que quand j'ai vraiment du mal

J'ai installé Slide coulissant jQuery pour afficher les derniers messages sur toutes les pages de votre forum, cependant j'ai un soucis.
J'ai bien lu les deux tutos (mais n'est accès qu'à un seul car pas remercié pour l'autre) j'ai aussi fais une recherche mais je ne trouve pas..

Tuto > http://www.themes-fa.com/t3275-look-n2-slide-coulissant-jquery-pour-afficher-les-derniers-messages-sur-toutes-les-pages-de-votre-forum

Mon fofo > http://laforetdesmages.forumpro.fr/

Mon problème > Sans passer ma souris, le widget est en partie sorti et il s'ouvre à chaque fois que je change de page.

Spoiler:

Comment changer ça et faire en sorte que seul la flèche apparaisse ?
c'est certainement simple mais je ne trouve pas

Je n'ai rien changé aux codes que ce soit le CSS ou le template.

Tepmlate

Spoiler:

Code:

   

             
           
[list]
                 
[*]
                       








[table border="0" cellpadding="0" cellspacing="0" height="270" width="200"]                                                                  [tr]                                        [td class="td_0" width="158"]Derniers Sujets[/td]                                        [/tr]                                        [tr]    [td id="comments_scroll_div" align="center" valign="middle" width="158"]
    [/td][td class="td_2" border="0" rowspan="2" height="270" valign="top" width="42px"][img]http://i35.servimg.com/u/f35/11/95/30/70/2411.png[/img][/td]                                  [/tr]                                                [/table]   
         
[/list] 
   
 

            $(function() {
                $('#New_sujet li').stop().animate({'marginLeft':'-158px'},1000);
                $('#New_sujet> ul').hover(
                    function () {
                        $('li',$(this)).stop().animate({'marginLeft':'-2px'},500);
                    },
                    function () {
                      $('li',$(this)).stop().animate({'marginLeft':'-158px'},500);
                    }
                );
            });
       


CSS

Spoiler:

Code:

/* Slide New sujet - Code par Quierra themes-fa.com - 18/01/2011 - */
div#New_sujet{
position: fixed;
margin: 0px;
padding: 0px;
top: 80px; /* position a partir du haut */
left: 0px; /* position a partir de la gauche */
list-style: none;
z-index: 999;
}

div#New_sujet ul {
width: 200px; /* largeur totale du slide */
background: transparent;
}

div#New_sujet ul li{
background: transparent;
display:block;
position: relative;
width: 200px; /* largeur totale */
height: 260px; /* hauteur totale */
}

.td_0{
width:158px; /* largeur de la cellule du haut contenant le titre */
height:30px; /* hauteur de la cellule du haut */
color:#000; /* couleur du texte */
font-family:Arial; /* police utilisee */
font-weight: bold; /* texte en gras */
font-size: 13px; /* taille du texte */
background:url('http://i35.servimg.com/u/f35/11/95/30/70/b110.png') no-repeat top right; /* fond et sa configuration, si pas d'image mettre une couleur */
padding-left: 28px; /* espace entre le bord et le texte à partir de la gauche */
}

div#New_sujet #comments_scroll_div{
background: #555555; /* couleur de fond de la cellule contenant les derniers messages */
border:1px solid #000; /* configuration de la bordure */
font-family: Arial; /* police utilisee */
font-size: 10px; /* taille du texte */
padding: 5px 1 5px 0; /* reglage des marges interieures */
color: #ebcacd; /* couleur du texte */
-moz-border-radius: 0 0 012px 0; /* bordures arrondies */
-webkit-border-radius: 0 0 012px 0; /* bordures arrondies */
border-radius: 0 0 012px 0; /* bordures arrondies */
width: 158px; /* largeur de la cellule */
height: 233px; /* hauteur de la cellule */
}

div#New_sujet #comments_scroll_container{
width: 148px !important; /* largeur du scroll, mettre une largeur plus petite que la cellule qui le contient pour eviter les debordements */
}

div#New_sujet #comments_scroll_div a{
font-family: Arial; /* police utilisee pour les liens */
font-size: 11px; /* taille des liens */
font-weight:bold; /* les liens en gras */
font-style: italic; /* les liens en italique */
color: #000; /* couleur des liens */
}

div#New_sujet #comments_scroll_div a:hover{
color: #CC0000; /* couleur des liens au survol */
}

div#New_sujet .td_2{
background: transparent; /* couleur de fond de la cellule contenant la petite image d'ouverture du slide */
}

D'avance merci et désolé de vous embêter pour quelque chose qui semble simple

Ha ! J'avais pas vue ce sujet, et bien je t'ai donné la réponse dans ton autre sujet.

div#New_sujet ul {
width: 200px; /* largeur totale du slide */
margin-left: -40px;
background: transparent;
}

Oui merci, je viens de le voir, le problème est résolu, je met en résolu.