IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Formulaire de connexion et fond coloré


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Août 2009
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 13
    Par défaut Formulaire de connexion et fond coloré
    bonsoir,

    modératrice sur un forum, nous avons lis en place un tchat avec un formulaire de connexion:

    voici son script:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    <html>
    <head>
    <title>connexion au chat</title>
    </head>
    <body>
    <form action="race-boxer.php" method="post" onsubmit="this.target = 
    new 
    Date().getMilliseconds(); w = window.open('', this.target, 'scrollbars=no, width=800, height=600, menubar=no, toolbar=no, resizable=no, screenX=50, screenY=50,'); if (w != null && !w.closed) w.focus(); else this.target = '_top'; return(true);">
    <fieldset>
    <legend>Formulaire de connexion</legend>
    <table>
    <tr><td title="Pseudo de votre choix">Pseudo</td><td colspan="3"><input type="text" name="nickname" size="20" maxlength="30" value=""></td></tr>
    <tr><td title="Mot de passe uniquement pour les pseudos enregistrés">Passe</td><td colspan="3"><input type="password" name="passe" size="20" maxlength="32" value=""></td></tr>
    <tr><td title="Age">Age</td><td colspan="3"><input type="text" name="age" size="2" maxlength="2" value=""></td></tr>
     
    <tr><td title="Sexe">Sexe</td><td><input type="radio" name="sexe" value="h">Homme</td>
    <td><input type="radio" name="sexe" value="f">Femme</td>
    <td><input type="radio" name="sexe" value="?">Sans sexe</td></tr>
    <tr><td title="Votre ville ou tout autre commentaire">Ville</td><td colspan="3"><input type="text" name="ville" size="20" value="" maxlength="35"></td></tr>
    <tr><td title="Salons de destination">Destination</td><td colspan="3"><input type="radio" name="salon" value="#race-boxer"> #race-boxer <input type="radio" name="salon" value="#jeux"> #jeux <input type="radio" name="salon" value="#actualites"> #actualites <input type="radio" name="salon" value="#krossme"> #krossme <input type="radio" name="salon" value="#irpg"> #irpg </td></tr>
     
    <tr><td title="Couleur  d'écriture de votre choix">Couleur d'écriture</td><td colspan="3"><select name="couleur" style="width:150px"> 
    <option value="0" style="background-color:#FFFFFF">Blanc</option>
    <option value="1" style="background-color:#000000;color:white" selected="selected">Noir</option>
    <option value="2" style="background-color:#000080;color:white">Bleu foncé</option>
    <option value="3" style="background-color:#008000;color:white">Vert foncé</option>
    <option value="4" style="background-color:red">Rouge</option>
    <option value="5" style="background-color:#800000;color:white">Rouge foncé</option>
    <option value="6" style="background-color:#800080;color:white">Violet</option>
    <option value="7" style="background-color:#FF8000">Orange</option>
     
    <option value="8" style="background-color:yellow">Jaune</option>
    <option value="9" style="background-color:#00FF00">Vert clair</option>
    <option value="10" style="background-color:#008080">Turquoise</option>
    <option value="11" style="background-color:#8080FF">Bleu clair</option>
    <option value="12" style="background-color:blue;color:white">Bleu foncé</option>
    <option value="13" style="background-color:#FF00FF">Rose</option>
    <option value="14" style="background-color:#808080">Gris foncé</option>
    <option value="15" style="background-color:#C0C0C0">Girs clair</option>
    </select>
     
    </td></tr>
    <tr><td> </td><td colspan="3"><input type="submit" name="submit" value="Chatter" class="bouton"></tr>
    </table>
    </fieldset>
    </form>
    </body>
    </html>

    J'aimerai savoir comment faire (si cela est possible) pour mettre en fond de formulaire les couleurs ( voire le header) du forum ?

    Je tiens à préciser que je suis plus que débutante et que vous allez surement me parler javanais!
    J'espère aussi avoir placé au bon endroit ma question!

    Je vous remercie de votre aide

    geraldine

  2. #2
    Membre éprouvé
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    167
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 167
    Par défaut
    Citation Envoyé par gg1974 Voir le message
    J'aimerai savoir comment faire (si cela est possible) pour mettre en fond de formulaire les couleurs ( voire le header) du forum ?
    Tu voudrais mettre une couleur de fond sur ton formulaire c'est ça ?

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    251
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 251
    Par défaut
    Hello GG,

    Tu as en partie la réponse dans ton message.
    La couleur du header de ce site est #e1e1e2 il me semble.
    Donc en ajoutant style="background-color:#e1e1e2;" dans la balise de l'élement que tu veux colorer, cela devrait fonctionner.

    Enfin je t'invite à jeter un œil sur les CSS si tu ne l'as pas encore fait.

    Michel

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    @Michelk12 : A mon avis, elle ne parle pas de la couleur de fond de ce forum, mais de celui qu'elle modère.

    @gg1974 : Si tu veux une couleur de fond uniquement pour le formulaire et non la page entière, tu peux suivre les conseils de Michelk12, mais en prenant bien soin de récupérer la bonne couleur.

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Août 2009
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 13
    Par défaut
    Bonjour

    merci pour vos réponses:

    Alors pour être plus explicite, j'ai fait un montage avec PFS pour que vous pussiez voir comment je voudrai que ça ressemble!

    C'est juste pour montrer je dois peaufiner la transparence!





  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Je pense que cette réponse de la FAQ devrait correspondre à tes besoins :
    http://xhtml.developpez.com/faq/?pag...ACKGROUND_fixe

  7. #7
    Membre éprouvé
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    167
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 167
    Par défaut
    Tu pourras trouver quelques informations ici : http://css.developpez.com/tutoriels/premiers-pas/

    Bon courage
    Doki

Discussions similaires

  1. formulaire de connexion ne fonctionne pas
    Par masterix59 dans le forum Langage
    Réponses: 2
    Dernier message: 20/09/2007, 00h31
  2. formulaire de connexion utilisateurs
    Par lucienkany dans le forum Access
    Réponses: 1
    Dernier message: 02/07/2007, 22h45
  3. [Formulaire Continu] Champ visible ou coloré
    Par PASCALE2 dans le forum IHM
    Réponses: 6
    Dernier message: 30/09/2006, 18h45
  4. [WinForms]Lenteur d'affichage formulaire avec image de fond
    Par olixelle dans le forum Général Dotnet
    Réponses: 2
    Dernier message: 06/09/2006, 14h06
  5. PB Utilisation formulaire de connexion
    Par stan314 dans le forum Access
    Réponses: 2
    Dernier message: 25/05/2006, 12h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo