Comment obtenir ce genre de style sur une zone de texte

  • Travis Coats
  • Graduate
  • Graduate
  • No Avatar
  • Inscription: Mai 27, 2007
  • Messages: 107
  • Status: Offline

Message Novembre 8th, 2008, 10:07 pm

Exemple

Ive a attendu le bon exemple à venir, et j'ai trouvé une. En ce moment, je me sers d'un flash champ de recherche...pourquoi me demandez-vous? Qui sait, j'allais à l'aide de l'épinette, il faut tous les outils de graphique vectoriel en Flash, mais je me suis retrouvé avec rien de spécial. Peut-on désosser l'exemple ci-dessus? Je voudrais entrer dans le style de mon formulaire de champs de texte comme celui-ci pour plus d'originalité et de créativité. Pas un simple déteste $ $ forme intrants plus que moi.

Merci pour vos commentaires. :D
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Novembre 8th, 2008, 10:07 pm

  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Novembre 9th, 2008, 3:37 am

Le <input> n'est pas de style. En fait, son non-style. Theres une image de fond dans un contenant de la <div> s.

Si vous utilisez IE, vous devez installer l'IE Developer Toolbar. Vous pouvez sélectionner les éléments en cliquant sur eux alors voir comment theyre placé dans la structure du document.

Attachments:
rev2.jpg
- dM
  • Travis Coats
  • Graduate
  • Graduate
  • No Avatar
  • Inscription: Mai 27, 2007
  • Messages: 107
  • Status: Offline

Message Novembre 9th, 2008, 2:50 pm

C'est un excellent outil, malheureusement je utiliser Firefox sur Mac. Je m'ennuie de la fonctionnalité dans FF2 où vous pouvez regarder dans les DOM - Je ne trouve pas que la fonctionnalité de 3.

Quant à l'entrée, thats nifty un petit truc en utilisant l'image de fond comme ça, j'ai remarqué que lorsque vous vous concentrez sur elle, l'entrée n'est pas vraiment centrée sur le graphique. C'est toujours les choses simples qui se détachent. Je suis donc en supposant qu'ils utilisent une image graphique pour le GO et en a fait un formulaire de présenter une certaine façon. Merci de partager ce bon outil. Je vais le télécharger sur mon PC en bas de la station. J'aime quand vous pouvez prendre une page en dehors de sa structure, aide beaucoup lors de remue-méninges de nouvelles idées créatives.
  • Travis Coats
  • Graduate
  • Graduate
  • No Avatar
  • Inscription: Mai 27, 2007
  • Messages: 107
  • Status: Offline

Message Novembre 10th, 2008, 7:06 pm

Est-ce que quelqu'un sais comment faire quelque chose comme ça - j'ai essayé de jouer avec quelques approches de DW et je ne pouvais pas le faire à distance à proximité de sauver ma vie.
  • ScienceOfSpock
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 06, 2004
  • Messages: 1890
  • Loc: Las Vegas
  • Status: Offline

Message Novembre 11th, 2008, 12:48 am

Eh bien, si vous parlez le "GO" zone de recherche, son tout à fait simple. Theyre l'aide d'une image de fond:
http://www.revolutiontwo.com/demo/chrom ... ightbg.jpg

Un transpa pas GIF comme un bouton de soumission:
Code: [ Select ]
<input id="searchsubmit" type="image" src="http://www.revolutiontwo.com/demo/chrome/wp-content/themes/chrome_10/images/search.gif" alt="Submit" />


Et certains de style sur la contribution réelle pour la recherche:
Code: [ Select ]
#searchwrap #s{
border: none;
padding: 5px 0 5px 0;
margin: 0;
width: 215px;
}
  1. #searchwrap #s{
  2. border: none;
  3. padding: 5px 0 5px 0;
  4. margin: 0;
  5. width: 215px;
  6. }
  • CXLink
  • Expert
  • Expert
  • Avatar de l’utilisateur
  • Inscription: Nov 22, 2004
  • Messages: 684
  • Loc: ATL-GA
  • Status: Offline

Message Novembre 11th, 2008, 7:02 am

Travis Aussi, si vous voulez un outil similaire pour les développeurs d'outils, vous pouvez obtenir Firebug pour FF il fonctionne à la fois sur PC et Mac.
Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher
  • Travis Coats
  • Graduate
  • Graduate
  • No Avatar
  • Inscription: Mai 27, 2007
  • Messages: 107
  • Status: Offline

Message Novembre 11th, 2008, 9:39 am

Merci SOS - Je vais jouer avec elle plus tard, et voir si je peux obtenir un effet similaire pour ma barre de recherche sur le site.

CX: Vraiment apprécier cette décharge, je suis le télécharger dès maintenant.

Merci

Afficher de l'information

  • Total des messages de ce sujet: 7 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 64 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