Problème de scrollbar personnalisée.

3 participants

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

Résolu Problème de scrollbar personnalisée.

Message par adminîle Lun 21 Mai 2012 - 13:03

      Bonjouur (:
    Je viens de personnaliser un peu plus l'apparence de mes catégories, et j'ai notamment mis les titres de sous-forums à côté de la description. Mais ça me donne ceci :

    Spoiler:
    Comme vous pouvez le voir, le texte des descriptions & la liste des sous-forums sont un peu disproportionnés au niveau de leur hauteur. J'ai commencé à régulariser tout ça avec la barre de défilement standard "overflow-y:auto;overflow-x:hidden;", mais je trouve pas ça très esthétique ; j'ai vu sur divers forums qu'on pouvait utiliser d'autres styles de scrollbar plus discrètes ou personnalisées... Je viens de lire pleins de sujets de questions & tuto, sur le net & ici, mais j'arrive pas à changer mes scrollbars, ça marche pas :no

    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
adminîle

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumactif.fr/
adminîle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par adminîle Mar 22 Mai 2012 - 16:41

      petit Up ::fleur::
adminîle

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumactif.fr/
adminîle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par adminîle Jeu 24 Mai 2012 - 5:44

      petit Up (:


Dernière édition par adminîle le Ven 25 Mai 2012 - 12:40, édité 1 fois
adminîle

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumactif.fr/
adminîle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par adminîle Ven 25 Mai 2012 - 12:40

      Up ::fleur::

    si je dois vous préciser mon idée ou autre, vous me dîtes heiin (:
adminîle

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumactif.fr/
adminîle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par adminîle Sam 26 Mai 2012 - 17:24

      petit Up (:
adminîle

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumactif.fr/
adminîle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par Ea Sam 26 Mai 2012 - 17:52

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.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par adminîle Dim 27 Mai 2012 - 18:10

    Bonsoir !

    Mercii de cette réponse Clin d\'oeil
    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 en anglais en plus, j'ai essayé de l'appliquer à la lettre, & denouveau ça ne marche pas ; sans être très expérimentée, d'habitude je m'en sors pas trop mal avec les codes javascript, mais là je commence à être un peu perdue (x'
    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 (:
adminîle

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumactif.fr/
adminîle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par tupac Dim 27 Mai 2012 - 19:07

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
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 12/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par adminîle Lun 28 Mai 2012 - 11:34

    Bonsoir tupac ! Merci de ta réponse ::fleur::

    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 ? (:
adminîle

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumactif.fr/
adminîle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par tupac Lun 28 Mai 2012 - 14:02

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.
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);
}
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 12/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par adminîle Lun 28 Mai 2012 - 17:20

    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 Confused 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 (:
adminîle

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumactif.fr/
adminîle a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de scrollbar personnalisée.

Message par tupac Mar 29 Mai 2012 - 5:05

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>
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 12/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par adminîle Mar 29 Mai 2012 - 5:59

    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 Sourire2
    Donc je vais laisser ça comme ça, c'est super, merciii beaucoup de ton aide tupac !
adminîle

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumactif.fr/
adminîle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de scrollbar personnalisée.

Message par tupac Mar 29 Mai 2012 - 6:02

Je t'en pris , se fut un plaisir Wink
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 12/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum