• Menu
Site
Accueil Site ... Forum Démo L'annuaire LW
 
A propos de Lovely Web
Version12 par Alexia
Forum : LovelyWebForum
Hébergeur : Starszz.com. Thank you so much!

 
Tagboard

CODAGE DE SITE CSS Barre de défilement

 

Ici, vous allez pouvoir apprendre à modifier votre barre de défilement de plusieurs manières.

 

I Rendre la barre de défilement transparente.

Pour cela, reprenez votre feuille CSS et mettez à l'endroit ou vous voulez que votre barre de défilement soit transparente une couleur précise.

/!\ Attention, ne mettez pas la même couleur que la police d'écritue car celle-ci ne se verra alors plus.

Par exemple voici la mienne :

<!--BODY{
scrollbar-face-color:#E1E5E6;
scrollbar-arrow-color:#35556D;
scrollbar-track-color:#E1E5E6;
scrollbar-shadow-color:#E1E5E6;
scrollbar-darkshadow-color:#E1E5E6;
scrollbar-highlight-color:#E1E5E6;
scrollbar-3dlight-color:#35556D;}


}-->

Ensuite, mettez le code suivant à la fin de votre iframe :

FILTER:chroma(color=#E1E5E6)

Ce qui donne :

<IFRAME FRAMEBORDER="0" BORDER="0" width="525" height="665" src="http://suenos.omivu.net/main.htm" name="main" NAME style="position:absolute; left:269; top:464" scrolling="YES" style="FILTER: chroma (color=#E1E5E6)"></IFRAME>

Donc à chaque fois que vous utiliser la couleur #35556D, celle-ci n'apparaitra pas et sera tranparente que ce soit dans la barre de défilement ou par exemple le fond de la page.

 

II Barre de défilement à gauche

Remplacer la balise <body> par celle-ci.

 

 

 

 

... retour. - | - Des questions sur ce tutorial?

  • Tutoriaux
  • HTML
    Texte Images Divers

    CODAGE DE SITE
    CSS Codage Coder le design PHP

    PROGRAMMES/SCRIPTS
    Coppermine Cutenews Divers

    RESSOURCES
    Ressources externes Ressources LW

    REVIEWS
    Vous inscrire ? Reviews terminées Reviews en attente

    VOTRE SITE?
    Design Conseil Liens utiles Hébergeurs