> Tous les forumsForum des Webmasters

 Modif des couleurs de la barre verticale[résolu]
Statut du sujet : NON RESOLU Imprimer
 PB
  Posté le 30/04/2004 @ 22:29  
 Astucien

1107 Messages
Voici un exemple affreux (tout "red") à mettre entre le <head> et le </head> qui fonctionne sous Ie et ses dérivés mais pas sous Mozilla et les siens. Attention à votre <doc type>, notamment celui généré automatiquement par Dreamweaver qui engendre une incompatibilité avec le W3C et "bloque" l'effet souhaité ! <style type="text/css"> BODY { scrollbar-face-color: red; scrollbar-highlight-color: red; scrollbar-3dlight-color: red; scrollbar-darkshadow-color: red; scrollbar-shadow-color: red; scrollbar-arrow-color: red; scrollbar-track-color: red; } </style>
Bonjour, Je crée un site à base de vert (#006600) et voudrais donc modifier la couleur de la barre de défilement vertical. J'ai vu plusieurs pages sur le sujet mais je n'y arrive pas. J'ai notamment visité ceci : http://forum.pcastuces.com/sujet.asp?SUJET_ID=61600 Mais rien à faire ! Petite précision : la barre se trouve dans un cadre (il s'agit bien d'une Frame et non pas d'une Iframe).
 Afficher le profil de PBEnvoyer un message privé à PB
 
 
Publicité
 Nikhaia  Posté le 30/04/2004 à 22:36  
Astucien


1044 Messages
Salut, Vas voir sur ce site où se trouve un générateur de [url="http://www.totalcrash.com/Scrollbar/"]scrollbar[/url] (barre de défilement verticale)
Afficher le profil de Nikhaia Voir la configuration de Nikhaia
 Revenir en haut de la page
 PB  Posté le 30/04/2004 à 22:45  
Astucien

1107 Messages
Nikhaia a écrit :
Salut, Vas voir sur ce site où se trouve un générateur de [url="http://www.totalcrash.com/Scrollbar/"]scrollbar[/url] (barre de défilement verticale)
Salut, On en arrive à la même chose que pour le lien évoqué dans mon premier message et ça va pas ! Merci tout de même
Afficher le profil de PBEnvoyer un message privé à PB
 Revenir en haut de la page
 anakin  Posté le 30/04/2004 à 23:13  
Petit astucien

53 Messages
Bonjour
(#006600)
enleve le dieze (#) essaye comme ceci: 006600
Afficher le profil de anakinEnvoyer un message privé à anakin
 Revenir en haut de la page
 PB  Posté le 30/04/2004 à 23:18  
Astucien

1107 Messages
anakin a écrit :
Bonjour
(#006600)
enleve le dieze (#) essaye comme ceci: 006600
Salut, tu me donnes une idée, juste pour faire un essai, cela n'a rien à voir comme couleur mais elle va vite à écrire, si je faisais un essai avec
red
Afficher le profil de PBEnvoyer un message privé à PB
 Revenir en haut de la page
 Hamstram  Posté le 30/04/2004 à 23:18  
Petit astucien

32 Messages
Salut !! Voilà ce que je te conseille, un formulaire ou tu saisi tes couleurs hexadécimales et ça t'édite un code à insérer dans ta page html ou autre... : [url]http://www.commentcreersonsite.com/Utilitaires/barre_coloree/barre_coloree.asp[/url] Et une liste du code des couleurs héxadécimales : [url]http://www.commentcreersonsite.com/HTML/Couleurs/couleurs.asp[/url] Voilà, bonne chance ..

Modifié par Hamstram le 30/04/2004 23:21
Afficher le profil de HamstramEnvoyer un message privé à Hamstram
  Revenir en haut de la page
 PB  Posté le 30/04/2004 à 23:34  
Astucien

1107 Messages
Salutous, Je vais laisser tomber car ça devrait marcher ! J'ai essayer ce qui suit dans le head avec et sans espace après les ":", avec et sans "#"
<style type="text/css"> BODY { scollbar-face-color: red; scrollbar-highlight-color: red; scrollbar-3dlight-color: red; scrollbar-darkshadow-color: red; scrollbar-shadow-color: red; scrollbar-arrow-color: red; scrollbar-track-color: red; } </style>
!!!!
Afficher le profil de PBEnvoyer un message privé à PB
 Revenir en haut de la page
 greg_seth  Posté le 30/04/2004 à 23:59  
Petit astucien

649 Messages
Salut
PB : Petite précision : la barre se trouve dans un cadre (il s'agit bien d'une Frame et non pas d'une Iframe).
Par hasard tu ne mettrais pas le code donné ici : http://forum.pcastuces.com/sujet.asp?SUJET_ID=61600 sur la mauvaise page ? Il faut le placer sur la page qui aura les barres de défilement et pas le frameset.
Afficher le profil de greg_seth Voir la configuration de greg_sethEnvoyer un message privé à greg_seth
    Revenir en haut de la page
 PB  Posté le 01/05/2004 à 00:05  
Astucien

1107 Messages
greg_seth a écrit :
Salut
PB : Petite précision : la barre se trouve dans un cadre (il s'agit bien d'une Frame et non pas d'une Iframe).
Par hasard tu ne mettrais pas le code donné ici : http://forum.pcastuces.com/sujet.asp?SUJET_ID=61600 sur la mauvaise page ? Il faut le placer sur la page qui aura les barres de défilement et pas le frameset.
Salut, Malheureusement, je l'ai mis sur les bonnes pages ! A moins qu'il y ait interférence avec une feuille de style. Je verrais un peu plus tard
Afficher le profil de PBEnvoyer un message privé à PB
 Revenir en haut de la page
 elle  Posté le 01/05/2004 à 00:12  
  Maîtresse astucienne


15714 Messages
Salut PB a écrit:
<style type="text/css"> BODY { scollbar-face-color: red; scrollbar-highlight-color: red; scrollbar-3dlight-color: red; scrollbar-darkshadow-color: red; scrollbar-shadow-color: red; scrollbar-arrow-color: red; scrollbar-track-color: red; } </style>
S'il s'agit exactement du code que tu as essayé, il y a une erreur: scollbar-face-color: red; elle [url="http://www.maboite.qc.ca/"]ma boîte[/url]
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 francois62  Posté le 01/05/2004 à 00:13  
Petit astucien

105 Messages
Surtout les scrollbars en css ne marchent que sous Internet Explorer, tu utilises bien IE?
Afficher le profil de francois62Envoyer un message privé à francois62
  Revenir en haut de la page
 Elorn  Posté le 01/05/2004 à 21:13  
Petit astucien

187 Messages
Bonsoir, Je connais pas grand chose mais je l'ai fait grace à : http://www.editeurjavascript.com/home/ ===> tous les scripts....et ça passe chez moi[smile]
Afficher le profil de ElornEnvoyer un message privé à Elorn
 Revenir en haut de la page
 elle  Posté le 02/05/2004 à 04:15  
  Maîtresse astucienne


15714 Messages
Bonjour, J'ai écrit:
S'il s'agit exactement du code que tu as essayé, il y a une erreur: scollbar-face-color: red;
L'erreur provient du générateur http://www.totalcrash.com/Scrollbar/ lui-même. J'ai demandé à ce que l'erreur soit corrigée.

Modifié par elle le 02/05/2004 18:40
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 PB  Posté le 02/05/2004 à 22:43  
Astucien

1107 Messages
Bonjour, Tout d'abord, merci à tous. Ce qui me semblait étrange c'est que j'avais trouvé le code sur plusieurs sites différents donc l'erreur du "r" me paraîssait peu probable. Donc, j'ai réfléchi et j'ai trouvé l'explication ! J'utilise Dreamweaver et ce dernier ajoute un code en début de page et c'est celui-ci qui empêche la lecture du code css en question !!! Pourquoi ? Ce code ne serait-il pas validé W3C et de fait ne serait pas lu dans la mesure où il est fait référence à cette norme ? Ci-dessous la page créée qui pose problème :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>ça me gonfle !</title> <style type="text/css"> BODY { scrollbar-face-color: red; scrollbar-highlight-color: red; scrollbar-3dlight-color: red; scrollbar-darkshadow-color: red; scrollbar-shadow-color: red; scrollbar-arrow-color: red; scrollbar-track-color: red; } </style> </head> <body> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p><br> <br> <br> </p> </body> </html>
Afficher le profil de PBEnvoyer un message privé à PB
 Revenir en haut de la page
 koala01  Posté le 02/05/2004 à 23:20  
Astucien

4715 Messages
Faites quand meme attention au fait que les attributs scrollbar-xx ne sont reconnus que par IE et non par les navigateurs à base de opéra (netscape, Mozilla et autres)...
Afficher le profil de koala01 Voir la configuration de koala01Envoyer un message privé à koala01
  Revenir en haut de la page
 PB  Posté le 02/05/2004 à 23:44  
Astucien

1107 Messages
koala01 a écrit :
Faites quand meme attention au fait que les attributs scrollbar-xx ne sont reconnus que par IE et non par les navigateurs à base de opéra (netscape, Mozilla et autres)...
Salut, Merci... j'avais bien vu car je n'utilise Ie que pour faire des essais (1 % de mon temps avec les navigateurs, 98 % avec Firefox et le dernier % avec MyIe2 pour ce qui ne passe pas bien avec Firefox... et notamment les mises à jour M$).
Afficher le profil de PBEnvoyer un message privé à PB
 Revenir en haut de la page
 elle  Posté le 03/05/2004 à 14:19  
  Maîtresse astucienne


15714 Messages
Bonjour PB, Je crois bien que tu as raison. Assez ironiquement, j'ai travaillé tard hier soir sur un site qui rencontrait le même problème. Après avoir vérifié le code de fond en comble, j'ai finalement modifié le <doctype> et la barre de défilement colorée s'affiche à nouveau. J'allais te suggérer cette solution ce matin (enfin, ici au Québec) mais je vois que tu t'es bien débrouillé tout seul! J'imagine que puisque la personnalisation de la barre de défilement n'est pas standard, ce doctype ne permet pas de l'appliquer.

Modifié par elle le 03/05/2004 18:41
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 PB  Posté le 03/05/2004 à 18:42  
Astucien

1107 Messages
elle a écrit :
Bonjour PB, Je crois bien que tu as raison. Assez ironiquement, j'ai travaillé tard hier soir sur un site qui rencontrait le même problème. Après avoir vérifié le code de fond en comble, j'ai finalement modifié le <doctype> et la barre de navigation colorée s'affiche à nouveau. J'allais te suggérer cette solution ce matin (enfin, ici au Québec) mais je vois que tu t'es bien débrouillé tout seul!
Hello elle, et coucou à tous nos amis du Québec... et aux autres aussi. Pourquoi le <doctype> ? Pourquoi ce paramétrage dans Dreamweaver ? Il y a-t-il moyen d'éviter ces indications par défaut ? Merci d'avance pour une réponse éventuelle ? Ps : je ne comprends pas pourquoi tu ne mets pas ton réveil la nuit pour nous répondre ! [bigsmile]
Afficher le profil de PBEnvoyer un message privé à PB
 Revenir en haut de la page
 elle  Posté le 03/05/2004 à 19:14  
  Maîtresse astucienne


15714 Messages
Salut PB Pour des explications claires sur le doctype, tu peux aller voir ici: http://perso.wanadoo.fr/coin.des.experts/reponses/faq9_64.html (A quoi sert la ligne DOCTYPE en tête de mes fichiers et que faut-il y mettre ? Qu'est-ce-que c'est ? A quoi ça sert ? Le cas des Explorer et la commutation «mode Microsoft»/«mode W3C» Est-il indispensable de mettre une URL ?) PB a écrit:
Pourquoi ce paramétrage dans Dreamweaver ? Il y a-t-il moyen d'éviter ces indications par défaut ?
Je ne connais pas Dreamweaver mais il y a sûrement moyen de le paramétrer ... enfin j'espère pour toi sinon tu devras le faire à la main ... PB a écrit:
Ps : je ne comprends pas pourquoi tu ne mets pas ton réveil la nuit pour nous répondre !
Si tu le fais, je le ferai !
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 PB  Posté le 03/05/2004 à 22:30  
Astucien

1107 Messages
Merci elle, Là ça commence à devenir technique pour moi. J'ai l'impression que ce <doctype> m'apporte pas grand chose en revanche, il va me casser les pieds au niveau des css. Je pense que je peux m'en passer... le tout est d'éviter de le faire manuellement... il n'y a plus qu'à chercher dans Dreamweaver. Ps : au fait, tu l'as mis ton réveil ? [idee]
Afficher le profil de PBEnvoyer un message privé à PB
 Revenir en haut de la page
 elle  Posté le 04/05/2004 à 04:20  
  Maîtresse astucienne


15714 Messages
Bonsoir, PB a écrit:
Là ça commence à devenir technique pour moi. J'ai l'impression que ce <doctype> m'apporte pas grand chose en revanche, il va me casser les pieds au niveau des css. Je pense que je peux m'en passer... le tout est d'éviter de le faire manuellement... il n'y a plus qu'à chercher dans Dreamweaver. Ps : au fait, tu l'as mis ton réveil ?
Le doctype fait référence à la norme HTML utilisée. Il est indispensable pour faire valider les pages par le W3C et pour qu'elles soient correctement interprétées par les navigateurs récents. Personnellement, je laisse tomber l'url et je ne mets que <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> et j'arrive à faire valider quand même. Pourquoi mettre mon réveil? Il n'est que 22h15 ...
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 PB  Posté le 04/05/2004 à 08:37  
Astucien

1107 Messages
Merci elle pour ton complément de réponse très intéressant. Reste plus qu'à virer cette url et éventuellement à trouver le paramétrage "à des couettes" car cette fois-ci c'est certain c'est la nuit pour toi [clindoeil]
Afficher le profil de PBEnvoyer un message privé à PB
 Revenir en haut de la page
Haut de la page 
Inscrivez-vous !
- Posez vos questions

- Résolvez vos problèmes

- Aidez les autres

- Participez et créez vos discussions

- Dialoguez en privé avec d'autres membres

- Suivez vos sujets préférés

- Affichez les signatures des membres

TOUT EST GRATUIT !

Je crée mon compte




Vous avez besoin d'aide ?
Des centaines d'experts sont à votre disposition sur les forums PC Astuces pour vous aider gratuitement, 24h/24, 7j/7.

Les derniers sujets résolus !
 

 > Tous les forumsForum des Webmasters

 
Forum PC Astuces© 1997-2008 WebastucesAller en haut de la page