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

HTML Discussion :

Graphique téléphone portable


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Juin 2009
    Messages
    21
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 21
    Par défaut Graphique téléphone portable
    salut
    je cherche à réaliser l'interface graphique d'un téléphone (ses touches,son écran..) mais je ne sais pas comment organiser mon travail.
    en fait je veux bien faire les touches comme un simple 1100 mais le problème c'est que je débute en html et j'arrive pas à avoir quelque chose qui ressemblerait à un téléphone.
    SVP si vous pouvez m'aider par un bout de code (juste pour commencer) ou bien un cours

  2. #2
    Membre expérimenté Avatar de Damouille
    Inscrit en
    Avril 2006
    Messages
    268
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 268
    Par défaut
    Salut,

    Je vois pas en quoi les touches 0 et 1 sont plus facile que les autres mais bon...

    Faire un cadran de telephone est assez simple en (x)html / css

    Voici quelque chose qui devrait y ressembler:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <div class="cadran">
    <div class="touches">1</div>
    <div class="touches">2</div>
    <div class="touches">3</div>
    <div class="touches">4</div>
    <!-- et ainsi de suite -->
    </div>

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    .cadran {
    width: 600px /*la taille que tu souhaites*/
    margin: auto; /*pour centrer*/
    border: 1px solid black;
    }
    .touches {
    float: left;
    width: 200px; /*taille a ajuster pour avoir trois boites sur une ligne*/
    height: 200px;
    border: 1px solid black;
    margin: /*a voir*/;
    padding: /*a voir*/
    }

  3. #3
    Membre averti
    Inscrit en
    Juin 2009
    Messages
    21
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 21
    Par défaut
    c'est un téléphone portable que je cherche à simuler. donc y a des touches supplémentaires organisées d'une façon particulière.
    Et puis y a aussi des lettres sur les touches,comment faire pour écrire à travers ces touches dans un textarea? le problème existe car pour la meme touche y a 3 lettres et un numéro .

  4. #4
    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
    Pour les lettres et les numéros, oriente toi vers du javascript.
    Après pour savoir s'il faut d'abord utiliser le chiffre ou les lettres, regarde comment ton téléphone fonctionne. Si tu veux appeler quelqu'un, ce sont les chiffres qui son utiliser. Maintenant, si tu écris un texto, ce sont d'abord les lettres minuscules puis majuscules (ou l'inverse, dépend si tu as un fossile ou pas ) et enfin les chiffres.

    Pour le placement des touches spéciales, il faudra que tu utilises une class css particulière pour chacun d'entre eux. Pour comprendre le css jette un œil sur les tuto du site.

    Bon courage
    Doki.

Discussions similaires

  1. L'envoi d'un sms depuis un téléphone portable vers une BDD
    Par mayna dans le forum Développement
    Réponses: 2
    Dernier message: 10/02/2006, 20h51
  2. téléphone portable & chaines de charactères
    Par loupdeau dans le forum Périphériques
    Réponses: 2
    Dernier message: 08/12/2005, 18h23
  3. Communication téléphone portable et PC
    Par andyvo dans le forum VB 6 et antérieur
    Réponses: 2
    Dernier message: 20/10/2005, 12h49
  4. Site sur téléphone portable
    Par blueice dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 06/10/2005, 10h19
  5. Réponses: 7
    Dernier message: 28/04/2004, 16h51

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