Cómo utilizar un signo de una casilla de correo electrónico en DREAMWEAVER

  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Mar 11, 2012
  • Mensajes: 11
  • Status: Offline

Nota Marzo 11th, 2012, 10:58 am

bueno chicos estoy tratando de crear un cuadro que puedo poner en mis páginas que re bajo construcción.
que se asemeja el archivo adjunto, me reall quieres saber cómo t hacen la tabla tan interesante

hicieron un buen trabajo. y mis tablas son tan
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

blanda
Sólo desea saber la codificación que debo utilizar y qué hacer.

Estoy tratando de aprender aquí por lo que cualquier sugerencia sería maravilloso.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Marzo 11th, 2012, 10:58 am

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

Nota Marzo 11th, 2012, 11:12 am

IM no está seguro sin mirar su código, pero probablemente utiliza imágenes para el campo de formulario y el botón.

Simplemente agregar una propiedad de "clase" para los datos de campo de formulario y su entrada.

A continuación, sólo puede modificar tu CSS.

Código: [ 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" />


Luego de la CSS

Código: [ 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 Usuario
  • Registrado: Nov 16, 2004
  • Mensajes: 8677
  • Loc: Aberdeen, Scotland
  • Status: Offline

Nota Marzo 11th, 2012, 11:28 am

Eso es exactamente lo que i pensaba natas. Parece que theyve utiliza imágenes que como hay un degradado en el cuadro.

Youd se busca crear una imagen no mayor de 1 píxel de ancho y cualquier altura que considere apropiado para el tamaño del cuadro youd como para crear. ID de decir algo así como 75-100 píxeles.
  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Mar 11, 2012
  • Mensajes: 11
  • Status: Offline

Nota Marzo 11th, 2012, 12:20 pm

  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Mar 11, 2012
  • Mensajes: 11
  • Status: Offline

Nota Marzo 11th, 2012, 12:22 pm

¿así que esto es lo que tengo en su momento y me da un cuadro básico de una sola línea bla bla bla...si agregar.... 2 líneas de código en mi página aún necesitaría esto?

¿Y donde debería ir? ¿entre las etiquetas de cuerpo?

¿a continuación, el código css sólo pongo lo en cualquier lugar de la css?

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

Nota Marzo 11th, 2012, 12:56 pm

Comenzando con la línea 60 en el código anterior....
Código: [ 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>


cambiar a este...
Código: [ 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>


¿Has visto donde he añadido a la declaración de clase?

Entonces, justo antes del cierre estilo etiqueta en línea 48 en el código anterior "&lt;/style&gt;"...agregar esto

Código: [ 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.   }


no olvide cambiar el filepaths donde almacenar tus imágenes. También, cambiar el nombre a lo había denominado tus imágenes. Si usas SBs sugerencia anterior, deshacerse de los "no-repeat" al final.
Custom Web Design
  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Mar 11, 2012
  • Mensajes: 11
  • Status: Offline

Nota Marzo 11th, 2012, 1:31 pm

  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Mar 11, 2012
  • Mensajes: 11
  • Status: Offline

Nota Marzo 11th, 2012, 1:31 pm

y su solo muestran como se hacía antes. me da un error al seleccionar la vista en vivo
  • SB
  • Moderator
  • Genius
  • Avatar de Usuario
  • Registrado: Nov 16, 2004
  • Mensajes: 8677
  • Loc: Aberdeen, Scotland
  • Status: Offline

Nota Marzo 11th, 2012, 1:34 pm

¿Cuál es el error?

Hacer una actualización de disco duro (pulse ctrl + F5 si en PC con Windows) y comprobación para ver si funciona.
  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Registrado: Mar 28, 2009
  • Mensajes: 305
  • Loc: AFK
  • Status: Offline

Nota Marzo 11th, 2012, 1:37 pm

¿está utilizando degradados amplia 1px?

Si eres, deshacerse de los "no-repeat" en su css que acaba de agregar.

Se puede reemplazar con "repeat-x".
Custom Web Design
  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Mar 11, 2012
  • Mensajes: 11
  • Status: Offline

Nota Marzo 11th, 2012, 1:53 pm

sí hice la imagen 1px por 100 px y guardado en mi carpeta de imágenes y luego cambié a html/images/gradient.png y su aún no aparece
  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Mar 11, 2012
  • Mensajes: 11
  • Status: Offline

Nota Marzo 11th, 2012, 2:05 pm

VALE aquí es lo que está ahora en mi código. todos mis archivos se guardan y cargados en el lugar correcto. Debería ser algo fácil de solucionar...

Permítanme kno qué hacer.
  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Registrado: Mar 28, 2009
  • Mensajes: 305
  • Loc: AFK
  • Status: Offline

Nota Marzo 11th, 2012, 2:51 pm

¿Hizo usted deshacerse de los "no-repeat" y añadir "repetir-x"?

O tal vez su "y repetir". Mal tiene doble verificación...
Custom Web Design
  • miss tracy 221
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Mar 11, 2012
  • Mensajes: 11
  • Status: Offline

Nota Marzo 11th, 2012, 2:55 pm

im va a publicar lo que tengo ahí arriba ahora
  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Registrado: Mar 28, 2009
  • Mensajes: 305
  • Loc: AFK
  • Status: Offline

Nota Marzo 11th, 2012, 3:43 pm

También, en ese mismo css. tratar de darle una definición explícita de altura y la anchura de cada elemento personalizado.

formulario .customfield {}
Antecedentes: bla bla bla;
Anchura: 100px;
altura: 50 px;
}

ver si funciona.
Custom Web Design
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Marzo 11th, 2012, 3:43 pm

Publicar Información

  • Total de mensajes en este tema: 19 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 69 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC