Fork me on GitHub






spikes1
Changer le design d'un champs "input"
#1
Newbie
Inscrit: 30/11/2005 09:48
De Presles - Belgique
Messages: 2
J'ai une question sur le design des champs "input", que j'aimerais changer :

J'aimerais que ces champs soient entourées d'une fine ligne bleu (1px - color #226E83), un fond gris (color #111111) et le texte qui se mets dedans en bleu (verdana, 11px, color #238099)

Est-ce quelqu'un connaît la méthode pour faire ceci ?

Merci de toute façon

Spikes

Posté le : 30/11/2005 10:03
Partager Twitter Partagez cette article sur GG+
Rapport Haut
alain01
Re: Changer le design d'un champs "input"
#2
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Salut,

très facile,
Edite les fichiers :
- style.css (IE)
- styleNN.css (FF, N)
- StyleMAC (Mac)

de ton thème (/themes/ton_theme/style.css)
et modifie la ligne de définition de input.

Tu peux utiliser un éditeur de style gratuit ici : TopStyle Lite 3.10

Posté le : 30/11/2005 10:52

Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut
blueteen
Re: Changer le design d'un champs "input"
#3
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
salut,
dans ton css, tu définis comme ça :

INPUT {
     color:#238099;
     background-color:#EFEBEF;
     font-size:11px;
     font-family:verdana;
     border-width:1px;
     border-color:#226E83;
}


Puis dans ton code, tu créés simplement ton champs input

<INPUT TYPE=text NAME=test SIZE=20 MAXLENGTH=20 VALUE="C'est un essai">


et tu obtiens ceci :

Open in new window

Par contre j'ai changé la couleur du fond Citation :
background-color:#EFEBEF;
, car ton #111111 ressort noir.

j'ai trouvé avec css champs input sur google.
@++

Posté le : 30/11/2005 10:58
Partager Twitter Partagez cette article sur GG+
Rapport Haut
spikes1
Re: Changer le design d'un champs "input"
#4
Newbie
Inscrit: 30/11/2005 09:48
De Presles - Belgique
Messages: 2
Merci beaucoup de votre aide si rapide

Posté le : 30/11/2005 11:39
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

21 Personne(s) en ligne (17 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 21 | Plus ...