Re: css et les couleurs

Page principale

Répondre à ce message
Auteur: anne.guilde@free.fr
Date:  
À: guilde
Sujet: Re: css et les couleurs
Le 14/01/2020 à 18:16, Marc BERLIOUX a écrit :
> Le 14/01/2020 à 16:40, anne.guilde@??? a écrit :
>> bonjour,
>>
>> J'ai un fichier css dans un petit pgm php.
>>
>> J'aimerais changer les couleurs des boutons?
>>
>> Comment trouver la couleur?
>
> En cherchant 'nuancier web' sur l'internet, tu devrais trouver ton bonheur
>

le bout de code qui a 2 boutons :
(Cela ne s'appelle peut-être pas boutons les href)
---
    $filename_vcf = "./upload/".$_FILES["file"]["name"].".vcf";
...
    echo "<pre> ".$length." entries transformed</pre>";

    
    echo '<span style="color: green; font-weight: bold;">Please DOWNLOAD 
RESULT: <a href="'.$filename_vcf.'">'.$filename_vcf.'</a></span>'; // 
$_FILES["file"]["name"]


    echo '<h1><a href="index.php">Do it again</a></h1>';
    // header("Content-type: text/plain");
    // header('Content-Disposition: attachment; filename="'.$filename_vcf.'"');


    /*
    echo '<h1>The result will selfdestruct in 60 seconds</h1>';
    sleep(60);

    
    if(!unlink($filename_vcf))
    {
        echo ("Error deleting ".$filename_vcf);
    }
    else
    {
        echo ("Deleted ".$filename_vcf);
    }
    */
---


La destruction du fichier temporaire ne se fait pas...
C'est normal, c'est en commentaire dans le pgm que j'ai trouvé.

Je n'ai pour l'instant pas trouvé comment faire.



Le css
---
* {
    margin: 0;
}
html {
    background-color: #b4b4b4;
}
body {
    font-family: arial;
}
.centered {
    float: none;
    max-height: 100%;
    left: 0;
    margin: auto;
    position: relative;
    top: 0;
    max-width: 1024px;
}
#parent {
    text-align: center;
}
.boxShadows {
    box-shadow: 0 0 30px 0 rgba(50, 50, 50, 0.34);
}
#headline {
     background-color: black;
     border-radius: 25px;
     box-shadow: 0 0 6px #ffffff;
     text-shadow: 0px 0px 9px rgba(150, 150, 150, 1);
     color: white;
     font-family: comic sans ms;
     margin-bottom: 20px;
     margin-top: 20px;
     max-width: 100%;
     padding-bottom: 10px;
     padding-top: 10px;
}


.border {
     background-color: cyan;
     border: 1px solid #d3d3d3 !important;
     border-radius: 25px;
     box-shadow: 0 0 6px #ffffff;
     color: white;
     float: left;
     margin-bottom: 10px;
     margin-right: 10px;
     position: relative;
}


.element {
     float: left;
     margin-right: 10px;
     padding: 25px;
     max-width: 100%;
     cursor: pointer;
}


.explanation {
     background-color: white;
     border: 2px solid;
     border-radius: 25px;
     color: black;
     display: none;
     float: left;
     max-width: 95%;
     padding: 10px;
     position: relative;
}


.Meldung {
     display: none;
     float: left;
     min-width: 99%;
     position: relative;
}
.Meldung {
     background-color: #ffd071;
     border: 2px solid;
     border-radius: 25px;
     float: left;
     min-width: 98%;
     padding: 9px;
     position: relative;
}
.Meldung input {
     min-width: 98%;
}


.contactInfo {
     background-color: #85eaff;
     border: 2px solid;
     border-radius: 25px;
     float: left;
     min-width: 98%;
     padding: 9px;
     position: relative;
}


.contactInfo input {
     min-width: 99%;
}


button {
     -moz-user-select: none;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 4px;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.42857;
     margin-bottom: 0;
     padding: 6px 12px;
     text-align: center;
     vertical-align: middle;
     white-space: nowrap;
    background-color: #5bc0de;
     border-color: #46b8da;
     color: #fff;
}


.contact {
     float: left;
     position: relative;
     width: 100%;
}


.buttonMelden1 {
    left: 20px;
    position: relative;
    float: left;
}
.buttonMelden2 {
    left: 20px;
    position: relative;
    float: left;
}
.buttonMitmachen {
    right: 20px;
    position: relative;
    float: right;
}


textarea {
    min-width: 98%;
    min-height: 98%;
}


.title {
    font-size: 24px;
    text-shadow: 0px 0px 9px rgba(150, 150, 150, 1);
}


.contactInfo {
    display: none;
}


.btn-warning {
     background-color: #f0ad4e;
     border-color: #eea236;
     color: #fff;
}


#AnzeigeAufgebenForm {
    display: none;
}


.hidden {
    display: none;
}
---


Je ne sais pas si c'est à cause du css que les 2 lignes qui contiennent
href sont presque illisible

Anne