Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Problème de scrollbar personnalisée.

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 le Lun 21 Mai 2012 - 19: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 - 12:00, édité 1 fois
avatar

adminîle
***

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

http://theisland.forumakers.com/
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 le Mar 22 Mai 2012 - 22:41

      petit Up ::fleur::
avatar

adminîle
***

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

http://theisland.forumakers.com/
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 le Jeu 24 Mai 2012 - 11:44

      petit Up (:


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

adminîle
***

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

http://theisland.forumakers.com/
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 le Ven 25 Mai 2012 - 18:40

      Up ::fleur::

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

adminîle
***

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

http://theisland.forumakers.com/
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 le Sam 26 Mai 2012 - 23:24

      petit Up (:
avatar

adminîle
***

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

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

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

Message par Ea le Sam 26 Mai 2012 - 23: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.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
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 le Lun 28 Mai 2012 - 0: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 (:
avatar

adminîle
***

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

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

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

Message par tupac le Lun 28 Mai 2012 - 1: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
avatar

tupac
Membre actif

Masculin
Messages : 2548
Inscrit(e) le : 13/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 le Lun 28 Mai 2012 - 17: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 ? (:
avatar

adminîle
***

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

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

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

Message par tupac le Lun 28 Mai 2012 - 20: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);
}
avatar

tupac
Membre actif

Masculin
Messages : 2548
Inscrit(e) le : 13/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 le Lun 28 Mai 2012 - 23: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 (:
avatar

adminîle
***

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

http://theisland.forumakers.com/
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 le Mar 29 Mai 2012 - 11: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>
avatar

tupac
Membre actif

Masculin
Messages : 2548
Inscrit(e) le : 13/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 le Mar 29 Mai 2012 - 11: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 !
avatar

adminîle
***

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

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

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

Message par tupac le Mar 29 Mai 2012 - 12:02

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

tupac
Membre actif

Masculin
Messages : 2548
Inscrit(e) le : 13/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


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