Problème sidebar
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème sidebar
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éé :
Voici mon CSS (le dernier code est celui qui nous intéresse) :
Voici ce que le tuto m'a demandé de mettre dans "description du site" :
Merci d'avance !
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
Re: Problème sidebar
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.
Pour le premier problème, essayez de placer l'iframe dans le message de votre cadre d'accueil et non en description du site.
Re: Problème sidebar
Hello Neptune
Euh ... Dans le message de mon cadre d'accueil ? Je ne saisis pas bien où ça se situe ><
Euh ... Dans le message de mon cadre d'accueil ? Je ne saisis pas bien où ça se situe ><
Re: Problème sidebar
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 à 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>
- Code:
<marquee onmouseout="this.start();" onmouseover="this.stop();">
Re: Problème sidebar
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 !
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 !
Sujets similaires
» Problème d'une sidebar avec iframe (jQuery)
» Sidebar en dessous de la bannière
» Problème de centrage avec les sondages: D'où vient le problème?
» Onglet SideBar accessible seulement au staff.
» Sidebar haut de catégorie coupée en deux
» Sidebar en dessous de la bannière
» Problème de centrage avec les sondages: D'où vient le problème?
» Onglet SideBar accessible seulement au staff.
» Sidebar haut de catégorie coupée en deux
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum