Problème sidebar

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

Résolu Problème sidebar

Message par Têted'ampoule le Jeu 12 Juin 2014 - 16:46

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 !


Dernière édition par Têted'ampoule le Jeu 12 Juin 2014 - 22:05, édité 1 fois

Têted'ampoule
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 17/08/2013

http://ageofroses.forumactif.org/
Têted'ampoule a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème sidebar

Message par Neptunia le Jeu 12 Juin 2014 - 17:11

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10989
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème sidebar

Message par Têted'ampoule le Jeu 12 Juin 2014 - 17:57

Hello Neptune Smile

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

Têted'ampoule
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 17/08/2013

http://ageofroses.forumactif.org/
Têted'ampoule a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème sidebar

Message par Neptunia le Jeu 12 Juin 2014 - 18:28

Right 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();">

Neptunia
+ Hyperactif +

Féminin
Messages : 10989
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème sidebar

Message par Têted'ampoule le Jeu 12 Juin 2014 - 21:55

YES ça fonctionne !

Merci beaucoup Neptune, cela n'apparaît maintenant plus que sur la page d'accueil, comme je le voulais Very Happy
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;" Wink Merci du coup de main, Neptune !

Têted'ampoule
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 17/08/2013

http://ageofroses.forumactif.org/
Têted'ampoule 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