• Modifier les contours des fenêtres

    Sur cette partie de codage des fenêtres de personnalisation, voyez comment on modifie le contour 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

              T I T R E          
    Premièrement, on va s'occuper de cette partie de la fenêtre :
    Modifier les contours des fenêtres


    Ce code est pour modifier le titre de chaque fenêtre :

     .window_title
    {color: #COULEUR;
    font-family:NOM DE POLICE;
    font-size:TAILLEpx;
    text-align:ALIGNEMENT; }

    champs rouges : champs à modifier selon ce qui est demandé.

     color : la couleur du texte. Il faut la remplacer par un code hexadécimal. Vous pouvez le trouver grâce au Color Picker Pro dans le menu.

    font-family : la police. Il faut que vous choissiez une police proposée par eklablog : Arial, Arial Black, Comic sans ms, Courrier New, Georgia, Impact, Lucina Console, Lucina Sans Unicode, Palatino Linotype, Tahoma, Times New Roman, Trebuchet MS, Verdana, MS Sans Serif, MS Serif.
    Sinon, vous pouvez mettre une police que vous avez installé vous même. Si vous voulez faire, mais que vous ne savez pas comment, go ici !

    font-size : la taille de la police. Il vous faut un chiffre ou un nombre que vous allez placer juste avant le px selon la taille que vous souhaitez.

    text-align : l'alignement du texte.
    left = à gauche
    center = au centre
    right = à droite
     
    Ces codes permettent de colorer le fond. Il faut mettre la même couleur aux 3 pour que ça soit uniforme et pas bizarre.
    .
    window_handle_content{background:COULEUR;}  
    .window_handle_left{background:COULEUR (IDENTIQUE);}
    .window_handle_right{background:COUELUR (IDENTIQUE);}

              C O N T O U R S           
    Deuxièmement, on va colorer les contours :

    Modifier les contours des fenêtres

    Pareil, il faut mettre la même couleur partout à moins d'être sûr de ce que vous faites, sinon vous aurez quelque chose de particulier...
     

     .window_content_wrapper1{background:#COULEUR;}
    .window_content_wrapper2{background:#COULEUR  ;}
    .window_bottom_wrapper1{background:#COULEUR;}
    .window_bottom_wrapper2{background:#COULEUR;}
    .window_bottom{background:#COULEUR;}

    COULEUR : champs à modifier.

    background : la couleur du fond. Comme pour le texte du titre, il faut la remplacer par un code hexadécimal. 


    Voici le code en entier (à modifier bien évidemment) :
    à slider

    /*window title*/
    .window_title
    {color: #COULEUR;
    font-family:NOM DE POLICE;
    font-size:TAILLEpx;
    text-align:ALIGNEMENT; }
    /*window contours*/
    .window_content_wrapper1{background:#COULEUR;}
    .window_content_wrapper2{background:#COULEUR  ;}
    .window_bottom_wrapper1{background:#COULEUR;}
    .window_bottom_wrapper2{background:#COULEUR;}
    .window_bottom{background:#COULEUR;}

    Si vous voulez modifier "l’intérieur" des fenêtres, cliquez ici.

    « Modifier la couleur à la séléction de texteModifier le contenu des fenêtres »

  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :