Comment utiliser un signe de la boîte courriel dans DREAMWEAVER

  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 11, 2012
  • Messages: 11
  • Status: Offline

Message Mars 11th, 2012, 10:58 am

les gars je suis en train de créer une boîte d'accord je peux mettre sur mes pages que re en contruction.
qui ressemble le fichier j'ai attaché, je reall't wanna know comment t faire la table si intéressants

ils ont fait un bon travail. et mes tableaux est tellement
Attachments:
forums.png

this is what I want to make. something lik this

Attachments:
forums.png

this is what I want to make. something lik this

terne
Je veux juste savoir que je devrais utiliser codage et quoi faire.

Je suis en train d'apprendre ici toute suggestion serait merveilleuse.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mars 11th, 2012, 10:58 am

  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Inscription: Mar 28, 2009
  • Messages: 305
  • Loc: AFK
  • Status: Offline

Message Mars 11th, 2012, 11:12 am

Im pas sûr sans regarder leur code, mais ils ont probablement utilisé des images pour le bouton et le champ de formulaire.

Ajouter une propriété de « classe » à vos données de champ de formulaire et vos commentaires.

Ensuite, vous pouvez simplement modifier votre CSS.

Code: [ Select ]
<input type="email" name="useremail" class="customfield" value="Enter Your Email" />
<input type="submit" name="submitemail" class="custombutton" value="Submit" />
  1. <input type="email" name="useremail" class="customfield" value="Enter Your Email" />
  2. <input type="submit" name="submitemail" class="custombutton" value="Submit" />


Puis le CSS

Code: [ Select ]
.customfield {
   background: url('pathtoyourimage/fieldbackground.jpg') no-repeat;
}

.custombutton {
   background: url('pathtoyourimage/buttonbackground.jpg') no-repeat;
}
  1. .customfield {
  2.    background: url('pathtoyourimage/fieldbackground.jpg') no-repeat;
  3. }
  4. .custombutton {
  5.    background: url('pathtoyourimage/buttonbackground.jpg') no-repeat;
  6. }
Custom Web Design
  • SB
  • Moderator
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Nov 16, 2004
  • Messages: 8670
  • Loc: Aberdeen, Scotland
  • Status: Offline

Message Mars 11th, 2012, 11:28 am

C'est exactement ce que i pensé natas. On dirait que theyve utilisé les images comme il y a un gradient sur dans la boîte.

YOUD être cherche à créer une image non plus large que celle de 1 pixel de large et de quelle hauteur vous considérez approprié pour la taille de la boîte d'youd comme pour créer. ID de dire quelque chose comme 75-100 pixels.
  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 11, 2012
  • Messages: 11
  • Status: Offline

Message Mars 11th, 2012, 12:20 pm

  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 11, 2012
  • Messages: 11
  • Status: Offline

Message Mars 11th, 2012, 12:22 pm

donc c'est ce que j'ai dans leur présent et il me donne une boîte de base à une seule ligne blah blah blah...si je devais ajouter.... les 2 lignes de code dans ma page encore dois-je cela ?

Et où il doit aller ? entre les balises de corps ?

puis le css puis-je juste mettre ce n'importe où dans le css ?

Im usuing dreamweavr cs5.5
  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Inscription: Mar 28, 2009
  • Messages: 305
  • Loc: AFK
  • Status: Offline

Message Mars 11th, 2012, 12:56 pm

À partir de la ligne 60 dans votre code ci-dessus....
Code: [ Select ]
   <tr>
    <td width="118" valign="top"><label for="Email_Address" class="required"><span id="thirteen">Email Address</span></label></td>
    <td width="349" valign="top"><input type="text" name="Email_Address" id="Email_Address" maxlength="100" style="width:210px">
   <input type="submit" value=" Submit Form "></td>
  </tr>
  1.    <tr>
  2.     <td width="118" valign="top"><label for="Email_Address" class="required"><span id="thirteen">Email Address</span></label></td>
  3.     <td width="349" valign="top"><input type="text" name="Email_Address" id="Email_Address" maxlength="100" style="width:210px">
  4.    <input type="submit" value=" Submit Form "></td>
  5.   </tr>


changement à cette...
Code: [ Select ]
   <tr>
    <td width="118" valign="top"><label for="Email_Address" class="required"><span id="thirteen">Email Address</span></label></td>
    <td width="349" valign="top"><input type="text" name="Email_Address" id="Email_Address" maxlength="100" class="customfield" style="width:210px">
   <input type="submit" class="custombutton" value=" Submit Form "></td>
  </tr>
  1.    <tr>
  2.     <td width="118" valign="top"><label for="Email_Address" class="required"><span id="thirteen">Email Address</span></label></td>
  3.     <td width="349" valign="top"><input type="text" name="Email_Address" id="Email_Address" maxlength="100" class="customfield" style="width:210px">
  4.    <input type="submit" class="custombutton" value=" Submit Form "></td>
  5.   </tr>


Avez-vous vu où j'ai ajouté la déclaration de classe ?

Puis, juste avant la fermeture balise de style sur la ligne 48 dans votre code ci-dessus » &lt;/style&gt; »...ajouter cette

Code: [ Select ]
  .customfield {
    background: url('pathtoyourimage/fieldbackground.jpg') no-repeat;
  }
  .custombutton {
    background: url('pathtoyourimage/buttonbackground.jpg') no-repeat;
  }
  1.   .customfield {
  2.     background: url('pathtoyourimage/fieldbackground.jpg') no-repeat;
  3.   }
  4.   .custombutton {
  5.     background: url('pathtoyourimage/buttonbackground.jpg') no-repeat;
  6.   }


n'oubliez pas de changer le filepaths partout où vous stockez vos images. Aussi, changer le nom du fichier à tout ce que vous avez nommé votre images. Si vous utilisez SBs suggestion ci-dessus, se débarrasser de la « no-repeat » à la fin.
Custom Web Design
  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 11, 2012
  • Messages: 11
  • Status: Offline

Message Mars 11th, 2012, 1:31 pm

  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 11, 2012
  • Messages: 11
  • Status: Offline

Message Mars 11th, 2012, 1:31 pm

et sa juste apparaître comme il le faisait avant. Il me donne une erreur lorsque je sélectionne la vue direct
  • SB
  • Moderator
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Nov 16, 2004
  • Messages: 8670
  • Loc: Aberdeen, Scotland
  • Status: Offline

Message Mars 11th, 2012, 1:34 pm

Quelle est l'erreur ?

Faire un refresh dur (presse ctrl + F5 si le PC Windows) et la vérification pour voir si cela fonctionne.
  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Inscription: Mar 28, 2009
  • Messages: 305
  • Loc: AFK
  • Status: Offline

Message Mars 11th, 2012, 1:37 pm

vous utilisez des gradients large de 1px ?

Si vous êtes, se débarrasser de la « no-repeat » dans votre css que vous venez d'ajouter.

Vous pouvez le remplacer avec « repeat-x ».
Custom Web Design
  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 11, 2012
  • Messages: 11
  • Status: Offline

Message Mars 11th, 2012, 1:53 pm

Oui, j'ai fait le 1px image par 100 px et enregistré dans mon dossier images, puis je l'ai changé à html/images/gradient.png et sa toujours ne pas apparaître
  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 11, 2012
  • Messages: 11
  • Status: Offline

Message Mars 11th, 2012, 2:05 pm

OK Voici ce qui est maintenant dans mon code. tous mes fichiers sont enregistrés et chargés à la bonne place. Il devrait être quelque chose de facile à fixer...

Permettez-moi de kno quoi faire.
  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Inscription: Mar 28, 2009
  • Messages: 305
  • Loc: AFK
  • Status: Offline

Message Mars 11th, 2012, 2:51 pm

A vous débarrasser de la « no-repeat » et ajouter « repeat-x » ?

Ou peut-être son « repeat-y ». Ill ont pour double vérification...
Custom Web Design
  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 11, 2012
  • Messages: 11
  • Status: Offline

Message Mars 11th, 2012, 2:55 pm

im continue d'afficher ce que j'ai là dès maintenant
  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Inscription: Mar 28, 2009
  • Messages: 305
  • Loc: AFK
  • Status: Offline

Message Mars 11th, 2012, 3:43 pm

Aussi, dans cette même css. Essayez de lui donner une définition explicite de la hauteur et la largeur de chaque élément personnalisé.

{.customfield de forme
contexte : blah blah blah ;
width : 100px ;
hauteur : 50px ;
}

voir si ça fonctionne.
Custom Web Design
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mars 11th, 2012, 3:43 pm

Afficher de l'information

  • Total des messages de ce sujet: 19 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 114 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC