Problème sidebar

[Têted'ampoule]

Bonjour !

Alors voilà, j'ai suivi un tuto afin d'installer une sidebar sur mon forum : http://ageofroses.forumactif.org/
Elle ma plaît, mais le problème est le suivant : elle apparaît sur toutes les pages ... Et je ne voudrais d'elle que sur la page d'accueil !
Aussi, je voudrais qu'elle ne bouge pas quand je fais défiler mon forum vers le bas (quand je descend avec la souris, vous savez, la sidebar suit le mouvement et moi je voudrais qu'elle reste en haut et donc, qu'elle ne soit plus visible une fois que j'ai atteint le bas de ma page).

Voici la page HTML que j'ai créé :

Code:

<div style="background-image:url(http://www.heberger-image.fr/data/images/97163__c_by_eventrue_d6s9g1v_17_.jpg);width: 150px ; border-top: 1px solid #875A01; border-bottom: 1px solid #875A01; border-left: 1px solid #875A01; border-right: 1px solid #875A01; border-radius:15px"><div style="text-align:center;color:none;text-shadow:1px 1px 1px black;color:#EDD28D;font-family:georgia; font-style:italic; font-size:20px">Predefinis</div><div style="overflow: auto; width:98%; height:104px;">
<br/>
<center><marquee><a href="http://ageofroses.forumactif.org/t95-humains" class="postlink" target="_blank" rel="nofollow"><img src= "http://www.heberger-image.fr/data/images/67266__gawain_reg_by_eventrue_d5hknic_6_.jpg" /></a> <a href= "http://ageofroses.forumactif.org/t95-humains" class="postlink" target="_blank" rel="nofollow"><img src="http://www.heberger-image.fr/data/images/39259__R_L_by_XxKalixX_3_.jpg" /></a> <a href= "http://ageofroses.forumactif.org/t69-manieurs-de-magie" class="postlink" target="_blank" rel="nofollow"><img src="http://www.heberger-image.fr/data/images/98273_5f224bddb51fcdc9046c240fd1eebe79_7_.jpg" /></a> <a href= "http://ageofroses.forumactif.org/t69-manieurs-de-magie" class="postlink" target="_blank" rel="nofollow"><img src="http://www.heberger-image.fr/data/images/69720_beast_master_by_thebastardson_d5bkz20_5_.jpg" /></a> <a href="http://ageofroses.forumactif.org/t68-techno-mages" class="postlink" target="_blank" rel="nofollow"><img src="http://www.heberger-image.fr/data/images/36594_the_witcher_triss_merigold_artwork_books_fantasy_art_1600x900_154875_12_.jpg" /></a> <a href="http://ageofroses.forumactif.org/t68-techno-mages" class="postlink" target="_blank" rel="nofollow"><img src="http://www.heberger-image.fr/data/images/13344_2D_Art_Sookyung_Oh_Legend_of_the_Cryptids_6_.jpg" /></a> <a href="http://ageofroses.forumactif.org/t67-demons" class="postlink" target="_blank" rel="nofollow"><img src="http://www.heberger-image.fr/data/images/13242_poxnora_maxxerek_by_namesjames_d3f8idf_9_.jpg" /></a></marquee></center>
<center></center></div>

Voici mon CSS (le dernier code est celui qui nous intéresse) :

Code:

body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}
.postbody {
text-align:justify;
padding-left:8px;
padding-right:8px;
}
.cadre {
  height: 140px;
  border: 2px solid #E3C979;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 12px;
  background-color: #1c150c;
  box-shadow:0px 0px 3px #fff;
}
.bidule {
height : 78px;
width : 540px;
overflow : auto;
}
#left{
  width: 0 !important;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
font-size:15px;}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
.selectCode { float:right; cursor:pointer; }
div.cont_code { clear: right; }

.minimenu {
position: fixed;
top: 50px;
left: 67px;
height: 600px;
}

Voici ce que le tuto m'a demandé de mettre dans "description du site" :

Code:

<iframe src=http://ageofroses.forumactif.org/h1-sidebar-predefini frameborder=0 class=minimenu></iframe>

Merci d'avance !

[Neptunia]

Bonjour ^^

Pour le premier problème, essayez de placer l'iframe dans le message de votre cadre d'accueil et non en description du site.

[Têted'ampoule]

Hello Neptune

Euh ... Dans le message de mon cadre d'accueil ? Je ne saisis pas bien où ça se situe ><

[Neptunia]

PA > Affichage > Page d'accueil > Généralités.

Code à insérer soit au tout début, soit après le code déjà présent.

Par ailleurs, je me permet de suggérer un petit changement au niveau du code afin que le défilement se mette en pause lors du survol.

Remplacer

Code:

<marquee>

par

Code:

<marquee onmouseout="this.start();" onmouseover="this.stop();">

[Têted'ampoule]

YES ça fonctionne !

Merci beaucoup Neptune, cela n'apparaît maintenant plus que sur la page d'accueil, comme je le voulais
Votre amélioration du code marquee est super aussi, ça fonctionne du tonnerre !

Vous ne sauriez pas comment empêcher le sidebar de descendre quand je fais défiler ma page vers le bas ?

EDIT : Problème résolu, un membre de mon forum a trouvé la solution, il suffisait de remplacer "position : fixed;" par "position : absolute;" Merci du coup de main, Neptune !