*RESOLU* [PHPBB2] Changer la Couleurs de la flèche de la Scrolling

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

Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Bonjour tout le monde
Je reviens sur ce petit forum pour vous demander une mini-mini aide : ) 
Voila, ma Barre de Scroll est entièrement noir et il n'y as pas de flèche pour descendre ou monter comme le montre cette image:


J'ai trouver un petit code CSS mais cela fait très longtemps que je n'ai pas toucher a ma CSS donc je me demande si c'est bien le code associer :) Je souhaiterais ci possible bien sur rajouter sur la scroll une flèche de direction blanche ou une barre de façon a ce que l'on puis-ce descendre ou monter celle-ci tout comme sur ce forum (la barre de scroll est blanche et bleu) moi je souhaiterais qu'elle soit donc blanche et noir :) Je vous remercie beaucoup de votre aide et je vous souhaite une très agréable nuit <3

Code:
::-webkit-scrollbar {
background-color: #000;
height: auto;
width: 8px;
border-radius: 20px 20px 20px 20px;
border: 1px solid grey;
}


Dernière édition par Sick.l.Offrande le Dim 25 Juin 2017 - 22:23, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Sandra,

le style mentionné concerne les apparence des scrollsbars sous Chrome,
malheureusement Firefox ne le prend pas en compte.



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Bonsoir Milouze, 
Ce n'est pas grave car beaucoup de membre navigue sur mon forum sous chrome :) 
donc est ce qu'il y aurais une solution? =)
Je te souhaite une très agréable soirée <3
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Sandra,

Ce n'est pas grave car beaucoup de membre navigue sur mon forum sous chrome

C'est ton choix clin oeil .

Je souhaiterais ci possible bien sur rajouter sur la scroll une flèche de direction blanche ou une barre de façon a ce que l'on puis-ce descendre ou monter celle-ci tout comme sur ce forum (la barre de scroll est blanche et bleu) moi je souhaiterais qu'elle soit donc blanche et noir :)

Hum, ces barres de défilement ne sont pas trop modifiables et encore moins pour ajouter des éléments.

Tu as un générateur ici pour personnaliser encore plus mais attention,
généralement la c.s.s est assez conséquente Sandra:
http://snapbuilder.com/code_snippet_generator/chrome_scrollbar_css_color_code_generator/


Dernière édition par Milouze14 le Ven 23 Juin 2017 - 3:59, édité 1 fois



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Merci beaucoup Milouze pour ce petit site, il est vraiment génial ! 
Celui-ci par contre me donne un "script" et en ce moment les scripts fonctionne mal sur mon forum donc ou pourrait-je placer celui-ci ? 

Code:
<style type="text/css">
<!--
body {
/* Begin ::-webkit Scrollbar CSS Color Code by http//:snapbuilder.com */
::-webkit-scrollbar {width:3px;height:3px;}
::-webkit-scrollbar-button {background-color:rgba(156,155,155,1);}
::-webkit-scrollbar-track {background-color:rgba(208,204,204,1);}
::-webkit-scrollbar-track-piece {background-color:rgba(100,96,96,1);}
::-webkit-scrollbar-thumb {height:50px; background-color:rgba(124,122,122,1); border-radius:3px;}
::-webkit-scrollbar-corner {background-color:rgba(238,238,238,1);}
::-webkit-resizer {background-color:rgba(0,0,0,1);}
-->
</style>


Je te remercie beaucoup de ton aide et je te souhaite une très agréable soirée <3
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Sandra,
ce n'est pas un script mais un style.
Le code que tu donnes et fait pour aller dans le template overall_header :
Affichage/Templates/Général/ overall_header


Sinon, tu peux mettre directement dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

ceci:
Code:

body {
/* Begin ::-webkit Scrollbar CSS Color Code by http//:snapbuilder.com */
::-webkit-scrollbar {width:3px;height:3px;}
::-webkit-scrollbar-button {background-color:rgba(156,155,155,1);}
::-webkit-scrollbar-track {background-color:rgba(208,204,204,1);}
::-webkit-scrollbar-track-piece {background-color:rgba(100,96,96,1);}
::-webkit-scrollbar-thumb {height:50px; background-color:rgba(124,122,122,1); border-radius:3px;}
::-webkit-scrollbar-corner {background-color:rgba(238,238,238,1);}
::-webkit-resizer {background-color:rgba(0,0,0,1);}

en ce moment les scripts fonctionnent mal sur mon forum

Ça fera un autre sujet sur l'entraide clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Bonsoir Milouze
Merci beaucoup pour t'as réponse.
Quand je place le code suivant dans ma CSS cela ne change rien a ma barre, elle se remet automatiquement à la couleur "par Default" comme-ci la CSS N'était pas prise en compte : / 
Bonne soirée à toi <3
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Sandra,
tu t'ennuies bien avec ces scrollbars , personnellement je passerais outre car étant donné que sur beaucoup de navigateurs ces dernières ne seront pas prisent en compte.

Dans ton PA, tu as la possibilité de modifié les barres de défilement (scroll) :

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Couleurs de la barre de défilement



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Bonsoir Milouze 
J'ai changer les couleur via la PA et retiré le code CSS mais rien ne change : / 
Je fait cela car la plupart de mes membres utiliser chrome : /
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Sandra,

déposes ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:
/* Les boutons*/
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment
{
width: 8px;
height: 8px;
display: block;
background-size: 100%;
}

/*au survol des bouton background noir*/
::-webkit-scrollbar-button:hover{ background-color: black;}
/*L image du bouton horizontal droit*/
::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(https://i11.servimg.com/u/f11/11/26/21/37/icon_a12.png);
  background-repeat:no-repeat;
}
/*L image du bouton horizontal gauche*/
::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(https://i11.servimg.com/u/f11/11/26/21/37/icon_a11.png);
  background-repeat:no-repeat;
}
/*L image du bouton vertical bas*/
::-webkit-scrollbar-button:vertical:increment {
    background-image: url(https://i11.servimg.com/u/f11/11/26/21/37/icon_a10.png);
    background-repeat:no-repeat;
}
/*L image du bouton vertical haut*/
::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(https://i11.servimg.com/u/f11/11/26/21/37/icon_a13.png);
    background-repeat:no-repeat;
}


/*La scrollbar*/
::-webkit-scrollbar
{
width: 8px;
height:8px;
background-color:transparent;
}
/*la partie fixe*/
::-webkit-scrollbar-track-piece 
{
background-color:white;
-webkit-border-radius:8px;
}



/* defilement */
::-webkit-scrollbar-thumb
{
-webkit-border-radius:8px;
border-radius: 8px;
background-color:black;

}


Penses à valider les modifications en cliquant sur le bouton Valider


J'ai repris la couleur de fond noire mais avec une prédominance blanche car ton fofo est assez foncé.
Tu auras des images en haut et en bas pour les scrolls verticaux etaussi pour les scrolls horizontaux.

Il suffit de lire les commentaires pour comprendre le fonctionnement dans la c.s.s clin oeil
Par contre supprimes les styles que as donné dans les couleurs des scrollbars



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Hô merci de tout coeur Milouze, c'est vraiment ce que je souhaitait et c'est vraiment parfait :) je ferme donc le sujet et je te remercie mille fois :) ! je te souhaite une très agréable soirée <3
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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