vue Une zone de texte sur une image ?
Kommunauty
Connexion
Inscription

Forum Programmation Une zone de texte sur une image ?

Une zone de texte sur une image ?


Patt Messages : 291

Bonjour, non je ne suis pas mort.

Voilà j'ai besoin de faire une page de avec un password pour y accéder. Je ne veux pas faire un system de login avec une vieille boite de dialogue qui s'ouvre pour écrire le mot de passe mais j'aimerais mettre une zone pour écrire le password au milieu d'une image.

Un peu comme ça (sauf que là c'est pas une page web) <a class="postlink" href="http://images.maketecheasier.com/2009/1/intrepid-osx-login.jpg" target="_blank">http://images.maketecheasier.com/2009/1 ... -login.jpg</a>

Désolé si vous ne comprenez pas, il est 1h du mat' et je suis creuvé .
dimanche 6 décembre 2009

Dawlin Messages : 3381

Alors, il faut 8h30 à un membre de kommunauty pour répondre à une question (il est 9h35)

Donc, il te faut par exemple un cadre avec un arrière-plan.

Ce cadre tu le crées avec <div> :


<div id="connexion">
Mon code de formulaire et mon texte
</div>

Et après, dans mon style CSS, je lui applique un style (tu remarquera que je l'ai appelé "connexion" grâce à l'argument id) :


#connexion {
background&#58; url(dossier/images/re-dossier/mon-arriere-plan&#46;png) center top no-repeat;
width&#58; largeur;
height&#58;hauter;
}

En veillant à modifier l'adresse de l'image dans l'argument url() et les largeurs hauteurs pour que ton cadre ait la bonne taille, celle de l'image d'arrière-plan.

Note : la fonction background en CSS fonctionne aussi avec body, textfield et autres.
dimanche 6 décembre 2009

Patt Messages : 291

Wow, merci pour la réponse rapide .

Je vais tester tout ça.
dimanche 6 décembre 2009

Dawlin Messages : 3381

De rien, comme je le disais ya aussi moyen de personnaliser le bouton et le champ de texte...
dimanche 6 décembre 2009

Répondre Pour répondre, tu dois d'abord t'inscrire rapidement sur Kommunauty. Rejoins-nous vite !

Forum Programmation Une zone de texte sur une image ?

Kommunauty © Tous droits réservés Contact / Charte & Mentions légales / Hebergement gratuit / Bon plan hébergement / Aide B2i

RSS