• Modifier le contenu des fenêtres

    Sur cette partie, voyez comment on modifie tout le contenu des fenêtres.

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

    Juste, avant les vrais parties, voici un code pour changer le fond de la fenêtre :
    .window_content{background:COULEUR DE FOND;}  

              B O U T O N S          
    Voici le code pour modifier l'apparence :
    .button_win, .window input[type=button], .window input[type=submit], .window button
    {background: COULEUR DE FOND;
    color:COULEUR DE TEXTE;
    border:NOMBREpx solid COULEUR BORDURE
    }
    Le code pour modifier au survol :
    .button_win:hover, .window input[type=button]:hover, .window input[type=submit]:hover, .window button:hover
    {background: COULEUR DE FOND;
    color:COULEUR DE TEXTE;
    border: NOMBREpx solid COULEUR DE BORDURE;
    }


              O N G L E T S          
    Pour ceux qui ne comprennent pas, je parle de ça :
    Modifier le contenu des fenêtres

    Ce code est pour les onglets non-sélectionnés :
    .window_tabs span
    {background-color: COULEUR DE FOND;
    color:COULEUR DE FOND;
    font-family:POLICE;
    font-size:TAILLE DE LA POLICEpx;}

    Ce code est pour l'onglet sélectionné :
    .window_tabs span.window_tab_active
    {background-color: COULEUR DE FOND;
    color:COULEUR DE TEXTE;
    font-family:POLICE;}

              T E X T E S  E T  L I E N S          
    Il y a 3 codes.
    Celui-ci est pour le texte normal :
     .window_content{color:COULEUR DE TEXTE;font-family:POLICE DE TEXTE ;}
    Celui-ci est pour les liens :
    .
    window_content a {color: COULEUR DE TEXTE;font-family:POLICE DE TEXTE}  
    Celui-ci est pour les liens survolés :
    .
    window a:hover {color: COULEUR DE TEXTE;font-family:POLICE DE TEXTE}

    Voici le code final (à modifier bien sûr) :
    à slider

    /*window*/
    .
    window_content{background:COULEUR DE FOND;} 

     

    /*window buttons*/
    .
    button_win, .window input[type=button], .window input[type=submit], .window button
    {background: COULEUR DE FOND;
    color:COULEUR DE TEXTE;
    border:NOMBREpx solid COULEUR BORDURE
    }
    .button_win:hover, .window input[type=button]:hover, .window input[type=submit]:hover, .window button:hover
    {background: COULEUR DE FOND;
    color:COULEUR DE TEXTE;
    border: NOMBREpx solid COULEUR DE BORDURE;
    }


    /*window onglets*/
    .window_tabs span
    {background-color: COULEUR DE FOND;
    color:COULEUR DE FOND;
    font-family:POLICE;
    font-size:TAILLE DE LA POLICEpx;}

    .window_tabs span.window_tab_active
    {background-color: COULEUR DE FOND;
    color:COULEUR DE TEXTE;
    font-family:POLICE;}


    /*window text-links*/
     .window_content{color:COULEUR DE TEXTE;font-family:POLICE DE TEXTE ;}
    .
    window_content a {color: COULEUR DE TEXTE;font-family:POLICE DE TEXTE
    .
    window a:hover {color: COULEUR DE TEXTE;font-family:POLICE DE TEXTE}

    Si vous voulez modifier les contours des fenêtres, clique ici.

    « Modifier les contours des fenêtresModifier l'écriture du pied de page »

  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :