Problème de scrollbar personnalisée.
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème de scrollbar personnalisée.
- Spoiler:
- Bonjouur (:
N'y a-t-il pas un code simple, & clair surtout, qui me permettrait d'avoir de jolies barres de défilement ? *.*
Mon forum est ouvert depuis 5 ans, templates modifiées & version phpBB2. Mon forum d'essai est ici.
Merci d'avance de votre aide <3
Dernière édition par adminîle le Mar 29 Mai 2012 - 6:00, édité 1 fois
Re: Problème de scrollbar personnalisée.
- petit Up (:
Dernière édition par adminîle le Ven 25 Mai 2012 - 12:40, édité 1 fois
Re: Problème de scrollbar personnalisée.
- Up
si je dois vous préciser mon idée ou autre, vous me dîtes heiin (:
Re: Problème de scrollbar personnalisée.
- petit Up (:
Re: Problème de scrollbar personnalisée.
Bonjour,
Sur firefox à ma connaissance pas moyen, il faut soit utiliser la version native, soit utiliser une scroll bar en javascript.
Une scroll bar en javascript, ça devrait fonctionner à condition que le membre ait le javascript activé ( ce qui est quasi toujours le cas ), pour en trouver il faudrait chercher "scrollbar javascript" ou "scrollbar jquery".
Sinon pour IE il y a quelques trucs de base :
http://msdn.microsoft.com/en-us/library/ie/hh772048(v=vs.85).aspx
Et pour webkit ( donc entre autre google chrome et safari ) également :
https://www.google.fr/search?q=%22-webkit-scrollbar%22
Cordialement.
Sur firefox à ma connaissance pas moyen, il faut soit utiliser la version native, soit utiliser une scroll bar en javascript.
Une scroll bar en javascript, ça devrait fonctionner à condition que le membre ait le javascript activé ( ce qui est quasi toujours le cas ), pour en trouver il faudrait chercher "scrollbar javascript" ou "scrollbar jquery".
Sinon pour IE il y a quelques trucs de base :
http://msdn.microsoft.com/en-us/library/ie/hh772048(v=vs.85).aspx
Et pour webkit ( donc entre autre google chrome et safari ) également :
https://www.google.fr/search?q=%22-webkit-scrollbar%22
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Problème de scrollbar personnalisée.
- Bonsoir !
Mercii de cette réponse
J'ai suivi les conseils à propos du javascript, car utiliser du javascript ne me dérange pas, mon seul soucis est que pour le moment tous les codes de scrollbar que je trouve sur le net & que j'essaye, ne fonctionnent pas *.* Du coup je suis reparti fouiner en cherchant bien "scrollbar javascript" etc. Mais donc voilà, par exemple je suis tomber sur ce tuto
Donc si je souhaite utiliser dans mes catégories de forum une scrollbar comme citée ci-dessus, que dois-je faire pour que ça marche ? où est mon erreur pour ne pas y parvenir ? Mercii d'avance du temps que vous prenez pour me lire & me répondre (:
Re: Problème de scrollbar personnalisée.
Bonsoir
Le Javascript de ton code ne fonctionne pas sous Firefox.
J'ai trouvé sur la toile un code , je l'ai testé je suis sous Firefox et il fonctionne a merveille le tuto ici http://www.n-son.com/scripts/jsScrolling/jsScrollbar.html
Le Javascript de ton code ne fonctionne pas sous Firefox.
J'ai trouvé sur la toile un code , je l'ai testé je suis sous Firefox et il fonctionne a merveille le tuto ici http://www.n-son.com/scripts/jsScrolling/jsScrollbar.html
Re: Problème de scrollbar personnalisée.
- Bonsoir tupac ! Merci de ta réponse
D'accord, je comprends mieux maintenant (x'
J'étais déjà tombée sur ce code, & là j'ai essayé de nouveau, je crois qu'en fait je coince au niveau de la création du javascript, parce que le tuto est en anglais & surtout parce que je suis pas encore une grande connaisseuse dans ce domaine ! Y aurait-il un javascript basique que je pourrais appliquer ? (:
Re: Problème de scrollbar personnalisée.
Pourquoi ne pas placer ce genre de scroll barre entièrement personnalisable , essaie-le et dis-moi ce que tu en pense.
Fait un test dans ta page d'accueil.
Puis le Javascript à placer dans une nouvelle page Javascript.
Fait un test dans ta page d'accueil.
- Code:
<style>
#support{
position:relative;
width:150px;
height:170px;
overflow:hidden;
border:1px solid #000;
}
</style>
<div id="support" >
<div id="contenu" style="position:absolute; top:0;">
DEBUT<br />ligne1<br />ligne2<br />ligne3<br />ligne4<br />ligne5<br />ligne6<br />
ligne7<br />ligne8<br />ligne9<br />ligne10<br />ligne11<br />ligne12<br />ligne13<br />
ligne14<br />ligne15<br />ligne16<br />ligne17<br />ligne18<br />ligne19<br />FIN<br />
</div>
<div style="background-color:#0F0; width:22px; height:170px; position:absolute; right:0; border-left:1px solid #000;">
<img onmouseover="moveLayer(1);" onmouseout="clearTimeout(Timer);" src="http://www.wikistuce.info/lib/exe/fetch.php/javascipt/slideup.png?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0;">
<img onmouseover="moveLayer(-1);" onmouseout="clearTimeout(Timer);" src="http://www.wikistuce.info/lib/exe/fetch.php/javascipt/slidedown.png?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0; bottom:0;">
</div>
</div>
Puis le Javascript à placer dans une nouvelle page Javascript.
- Code:
var Timer=null;
var Pas = 3;
function moveLayer(Sens) {
var Objet=document.getElementById("contenu");
if(parseInt(Objet.style.top) + (Pas*Sens)>0) {
clearTimeout(Timer);
}
else if(parseInt(Objet.style.top) + (Pas*Sens)<-(Objet.offsetHeight-document.getElementById("support").offsetHeight)) {
clearTimeout(Timer);
}
else {
Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
}
Timer = setTimeout("moveLayer(" + Sens + ");", 10);
}
Re: Problème de scrollbar personnalisée.
- Alors oui, j'étais déjà tombée sur celle-là, j'avais essayée de l'utiliser, sans succès ; je viens de la retester avec tes consignes & tes codes bien clairs, mais ça marche toujours pas Je te laisse voir, en pleins milieu de ma PA ici, le curseur ne fonctionne pas ; ou alors je sais pas, peut-être que y'a chez moi que ça marche pas, nan ? (x'
Merci en tout cas du temps que tu m'accordes (:
Re: Problème de scrollbar personnalisée.
Dans modules et gestion des codes Javascript as-tu coché OUI a Activer la gestion des codes Javascript.
Ou alors essaie placer le JS dans la template overall_header juste avant la balise </head>
Ou alors essaie placer le JS dans la template overall_header juste avant la balise </head>
Re: Problème de scrollbar personnalisée.
- J'avais bien coché OUI à Activer la gestion des codes Javascript (:
Par contre je viens de placer le JS dans la template overall_header et ça marche parfaitement
Donc je vais laisser ça comme ça, c'est super, merciii beaucoup de ton aide tupac !
Re: Problème de scrollbar personnalisée.
Je t'en pris , se fut un plaisir
Sujets similaires
» Problème ScrollBar
» Problème scrollbar
» Problème ScrollBar P.A
» Problème de scrollbar sur un code html
» Problème pour installer une scrollbar
» Problème scrollbar
» Problème ScrollBar P.A
» Problème de scrollbar sur un code html
» Problème pour installer une scrollbar
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum