Cambiar el tamaño de los textimput en dreamweaver

Citar

Escrito el 25 Ago 2006 07:36 pm

Hola Amigos!! los saludos desde Argentina, me gustaria saber como puedo modificar el tamaño de los textimput en dreamwever, por que me los de una forma predeterminada y no me deja cambiar sus dimensiones . Gracias amigos!!

Por danmax222

46 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 25 Ago 2006 09:14 pm

Eso lo puedes hacer con CSS.

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 28 Ago 2006 05:28 pm

ok pedro pero como lo tendria q hacer, no hay forma desde dreamweaver, gracias por tu colaboracion

Por danmax222

46 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 29 Ago 2006 08:59 am

danmax222 escribió:

...no hay forma desde dreamweaver...

Sí, con CSS desde dreamweaver o desde el editor que prefieras.

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 30 Ago 2006 04:55 pm

Primero, entre las etiquetas <head> y </head> agregas el siguiente código de hojas de estilo en cascada (CSS):

<style type="text/css">
body {
input.estilo-imput {background-color: #FFFFFF; border-color: #009900; font-weight: bold; font-family: arial; font-size: 12px; color: red;}
</style>

Donde ".estilo-imput" es el nombre de la clase que te permitirá modificar las características del campo de entrada.

En el código se puede modificar el color de fondo, el color del borde, que el texto vaya en negrita (para que vaya normal elimina el texto de la característica "font-weight: bold", la familia de texto, su tamaño y color (se puede usar hexadecimal).

Luego, en el form, puedes crear un imput con el siguiente código:

<td valign="top">
<input name="Nombre" size="30" class="estilo-imput">
</td>

Donde la sentencia class="estilo-imput" es la que le da la característica de color deseada.

Ojalá te funcione este ejemplo. Saludos desde Chile.

Por gatricio

45 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 31 Ago 2006 06:39 pm

gracias amigo chileno, desde ya te agradezco ya mismo me pongo a probar tu codigo realmente agradezco tu ayuda saludossssss :cool:

Por danmax222

46 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 31 Ago 2006 07:12 pm

amigo gatricio disculpa pero inserto el codigo entre la etiqueta head pero no me funciona??? aparte tengo que agregarle al codigo q me diste las etiquteas para modificar el tamaño del campo de texto??? gracias!!

Por danmax222

46 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 31 Ago 2006 10:42 pm

El código del form debe ir entre las etiquetas <body> y </body>. Si lo incluiste en head junto con el código de estilos no te va a funcionar.

Si usas Dreamweaver intenta insertar el campo imput en la vista de diseño que es la forma más sencilla y luego editas el código para incorporar las características como te mencioné.

Si no resulta te mando un ejemplo. ¿Vale?

Por gatricio

45 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 01 Sep 2006 05:36 pm

si amigo por favor si tienes un ejemplo para cambiar las dimensiones del campo de texto, me facilitaria mucho mi trabajo, asi que si tienes un ejemplo mandamelo desde ya te agradezco amigo chilenooo!!

Por danmax222

46 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 01 Sep 2006 07:33 pm

<html>
<head>
<title>Form con texto de color</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
<input type="text" name="campo_input" class="estilo-imput" size="35">
</form>

___

En rojo te indico dónde puedes modificar el ancho del campo (el número indica cuántos caracteres tiene el campo).

En naranjo se indican las características que tendrá el imput text con CSS (el texto se verá rojo).

A ver si te sirve. ¡Suerte!

Por gatricio

45 de clabLevel

Envíale un mensaje privado

Cambiar el tamaño de los textimput en dreamweaver

Escribe una respuesta rapida