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

Barre à droite et l'a changer

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

Résolu Barre à droite et l'a changer

Message par Ninel le Mar 26 Fév 2013 - 16:37

Bonjour,
J'ai vu sur certains forum qu'ils implantent dans un onglet une barre, ceci :


Et j'ai vu sur certains forums que l'on peut la changer :



Donc ma question : "Comment mettre une barre (comme dans l'exemple 2) lorsqu'un texte dépasse l'onglet ?"


Dernière édition par Ninel le Mar 26 Fév 2013 - 19:46, édité 1 fois

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Barre à droite et l'a changer

Message par Cædes le Mar 26 Fév 2013 - 17:29

Bonjour Ninel,
pour modifier la scrollbar -c'est son nom- d'une div, il faut passer par la feuille de style css.

Tout d'abord, tu entoures ton texte d'une div classée :
Code:
<div class="elevator">votre texte</div>
Ensuite, tu vas poster ce code dans ta feuille de style css :
Code:
/*la div elevator en elle-même*/
.elevator {
  overflow: auto; /*ne pas toucher*/
  height: 150px; /*hauteur que tu veux donner au div, si le texte dépasse cette hauteur, la scrollbar apparait*/}

/*modifier la scrollbar du div elevator*/
.elevator::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

.elevator::-webkit-scrollbar-track {
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

.elevator::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #000000 /*couleur de l'ascenseur*/;}
Vérifie bien que vous gardez les deux fois deux points ( :: ) ! Sinon cela ne fonctionnera pas Wink

Je reste à ta disposition si tu as des questions.
avatar

Cædes
****

Féminin
Messages : 309
Inscrit(e) le : 17/06/2007

http://capharnaum.forumactif.org/
Cædes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre à droite et l'a changer

Message par Ninel le Mar 26 Fév 2013 - 17:37

Et si je veux la mettre à mon forum en entier ?
Merci beaucoup.

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Barre à droite et l'a changer

Message par Adam_sfp le Mar 26 Fév 2013 - 17:59

Bonjour

Il y a ce script qui est assez sympa ICI

Cordialement.
avatar

Adam_sfp
Membre actif

Masculin
Messages : 4279
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre à droite et l'a changer

Message par Ninel le Mar 26 Fév 2013 - 18:02

Oulah.
Je odis copier tous les codes qu'ils proposent ? Y'en a une partie en javascript et une autre sur le template. Mais là, je suis perdu.

Merci de votre aide.

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Barre à droite et l'a changer

Message par Cædes le Mar 26 Fév 2013 - 19:27

Pas besoin de javascript !
Colle ceci dans ta feuille de style css :
Code:
/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

::-webkit-scrollbar-track {
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #000000 /*couleur de l'ascenseur*/;}
Là, ça touchera toutes les scrollbars du forum sans distinction !
avatar

Cædes
****

Féminin
Messages : 309
Inscrit(e) le : 17/06/2007

http://capharnaum.forumactif.org/
Cædes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre à droite et l'a changer

Message par Ninel le Mar 26 Fév 2013 - 19:45

Vous êtes des anges !

Merci à vous.

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

Ninel 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