begin process at 2012 05 28 14:49:18
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Divers

 > SCROLLBAR EN COULEUR

SCROLLBAR EN COULEUR


 Information sur la source

Note :
5,5 / 10 - par 2 personnes
5,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Divers Niveau :Initié Date de création :30/05/2003 Date de mise à jour :30/05/2003 12:10:15 Vu :15 368

Auteur : Deny

Ecrire un message privé
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

 Description

Mettez votre scrollbar en couleur.
Chose que je savais déjà faire avant d'aller voir sur <http://www.24fun.com>
Mais je vous conseille d'y aller voir.
Un truc inimaginable que j'y ai vu, qui pourrait regrouper 22 scripts différents.
Un problème : 26 dollars.
Cliquez sur Text Animator 2.3.
Notez que vous pouvez avoir les scripts un par un gratos (voir en haut Free ... text)
En dessous Webcolor Animator vous expliquera bien les détails de la scrollbar.
Dont j'avais déjà fait la prog avant (!). Marche pas IE5.5 / 6
Donnez moi des nouvelles si vous arrivez à plus.
a+

Source

  • <html>
  • <head>
  • <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
  • <script>
  • function changeSBColor() {
  • if (document.getElementById || document.all){
  • document.body.style.backgroundColor="white";
  • document.body.style.scrollbar3dLightColor="seashell";
  • document.body.style.scrollbarShadowColor="#FFDB00";
  • document.body.style.scrollbarDarkShadowColor="#FF6600";
  • document.body.style.scrollbarFaceColor="#823389";
  • document.body.style.scrollbarArrowColor="#F585B8";
  • document.body.style.scrollbarTrackColor="white";
  • }
  • else if (document.layers) {
  • void(0);
  • }
  • }
  • </script>
  • </head>
  • <body onLoad="changeSBColor();">
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • <p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
  • </body>
  • </html>
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script>
function changeSBColor() {
if (document.getElementById || document.all){
	document.body.style.backgroundColor="white";
	document.body.style.scrollbar3dLightColor="seashell";
	document.body.style.scrollbarShadowColor="#FFDB00";
	document.body.style.scrollbarDarkShadowColor="#FF6600";
	document.body.style.scrollbarFaceColor="#823389";
	document.body.style.scrollbarArrowColor="#F585B8";
	document.body.style.scrollbarTrackColor="white";
		}
else if (document.layers)  {
	void(0);
	}
}
</script>
</head>
<body onLoad="changeSBColor();">
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
<p style="font-size:20px;color:red;border:8px red solid;">Hello !</p>
</body>
</html>
 

 Conclusion

z'aimez pas le rouge ?


 Sources du même auteur

DHTML - MANIP CSS
OUVERTURE POPUP À URL ALÉATOIRE
Source avec Zip 96 SITES RÉPERTORIÉS : HTML, CSS, DHTML, JAVA, JAVASCRIPT, P...
BROWSER SNIFFER (RENIFLEUR)
Source avec Zip DHTML SCROLLTOP

 Sources de la même categorie

Source avec Zip Source avec une capture SLIDESHOW IMAGES ET TEXTES EN PUR JAVASCRIPT par ansuzpeorth
Source avec Zip INPUT TEXT AUTOMATIQUE CREATION SUPPRESSION par lycanges
Source avec Zip Source avec une capture TABLE_SV : TABLEAU DYNAMIQUE, MONTRER/CACHER COLONNE SUR DEM... par synanceia
COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol

Commentaires et avis

Commentaire de bob3000 le 01/06/2003 23:31:59

cest bon, bravo

tu peux aussi faire la meme chose avec ce script: http://www.javascriptfr.com/article.aspx?Val=170

Commentaire de bob3000 le 01/06/2003 23:32:08

8/10

Commentaire de Albert5 le 03/06/2003 11:50:31

Tu connais pas les JSAND'codeurs ?????
Tu vas sur www.jsand.net, tu vas dans les JSAND'codeurs et tu le fait en ligne ton scroll parce que là, c'est un peu chiant pour savoir quoi corerepsond à quoi !!

Commentaire de Deny le 05/06/2003 13:36:05

Oui, c'est très pratique.
J'avoue que c'est nécessaire d'avoir ce genre de chose et que c'est l'idéal.
Mais quand on commence à en connaitre plus, faut avancer, sinon on pédale sec.

Commentaire de Eagle4 le 12/02/2004 10:45:19

merci pour le code, ça marche bien

Commentaire de bob3000 le 15/02/2004 17:44:41

ca me fait plaisir :)

Commentaire de leris le 05/03/2004 09:42:55

l'art de compliquer les choses :

8 lignes dans une feuille de style , t'as la même chose !
et pour savoir quoi correspond à quoi ...
placer dans la partie &lt;head&gt; da la page:

&lt;style&gt;
BODY{
/* la couleur principale (face) */
scrollbar-face-color:#9CA0CE;
/* la couleur des fleches */
scrollbar-arrow-color:#F0F8FF;
/* la couleur de fond (entre le curseur et la fleche) */
scrollbar-track-color:#A0A6D8;
/* la couleur claire (haut+gauche) */
scrollbar-highlight-color:#B6C9E9;
/* la couleur claire 2 (haut+gauche) */
scrollbar-3dlight-color:#B6C9E9;
/* la couleur foncee (bas+droite) */
scrollbar-shadow-color:#1E3859;
/* la couleur foncee 2 (bas+droite) */
scrollbar-darkshadow-color:#1E3859;
}
&lt;/style&gt;

j'en poste une autre dans les sources ....

L.

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,482 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales