Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: palacio29 en 14 Noviembre 2019, 16:34 pm



Título: Ayuda con este codigo?
Publicado por: palacio29 en 14 Noviembre 2019, 16:34 pm
Tengo el siguiente codigo de un formulario (creo q es html) y necesito cambiar el boton que dice "Comprar" que aparece todo gris y feo, por una imagen o un icono para que quede mas bien.
Como se puede hacer esto?.
Basicamente quiero dejarlo mas lindo.

Código
  1. <FORM target=_blank action="https://www.cuentadigital.com/api.php" METHOD="get">
  2. <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="table1">
  3. <input type="hidden" value="5029392" name="id">
  4. <input type="hidden" value="7" name="venc">
  5. <tr>
  6. <td width="180">Nombre y Apellido:</td>
  7. <td><input type="text" name="codigo"></td>
  8. </tr>
  9.  
  10. <tr>
  11. <td width="180">Precio:</td>
  12. <td><input type="text" name="precio"></td>
  13. </tr>
  14. <tr>
  15. <td width="180">E-Mail:</td>
  16. <td><input type="text" name="hacia"></td>
  17. </tr>
  18. <tr>
  19. <td width="180">Concepto:</td>
  20. <td><input type="text" name="concepto"></td>
  21. </tr>
  22. <tr>
  23. <td width="180">
  24. <input type="submit" value="Comprar"></td>
  25. <td> </td>
  26. </tr>
  27. </form>


Título: Re: Ayuda con este codigo?
Publicado por: engel lex en 14 Noviembre 2019, 16:50 pm
primero debes estar claro en lo que haces XD "creo que es html" no ayuda...

css es lo que necesitas... el css (por resumirlo en palabras bonitas) es un lenguaje de configuracion de estilos visuales, si la web fuera un edificio, el html es la estructura en crudo, el css es la decoracion y el javascript son las cosas funcionales de el... para la web siempre los 3 van de la mano... asi como un edificio sin pintar o luces se ve horrible

te recomiendo empezar a estudiar eso


Título: Re: Ayuda con este codigo?
Publicado por: @XSStringManolo en 14 Noviembre 2019, 19:56 pm
Aquí tienes un montón de ejemplos de botones.
https://www.w3schools.com/css/css3_buttons.asp

Tutorial de HTML para crear páginas web sencillas.
https://www.w3schools.com/html/html_intro.asp

Tutorial de CSS para modificar la aparencia de la página web. https://www.w3schools.com/css/css_intro.asp

Tutorial de javascript con links a otros tutos de HTML y CSS
 https://developer.mozilla.org/en-US/docs/Learn/javascript

Chequea los tutos porque son muy didácticos, visuales y sencillos de aprender.


Título: Re: Ayuda con este codigo?
Publicado por: [u]nsigned en 14 Noviembre 2019, 23:58 pm
Yo te recomiendo que aprendas lo basico de html + css que no te toma mas de una semana.
Lo que queres hacer es super simple y podríamos darte el código ya modificado, pero aun así no te vas a enterar de nada  :xD

Otra opción es que cargues ese código en un editor WYSIWYG como Dreamweaver y editarlo de forma visual, como si estuvieras editando un documento de Word, pero la verdad eso esa es la peor opción de todas....porque vas a seguir sin tener la menor idea de lo que estas haciendo.


Título: Re: Ayuda con este codigo?
Publicado por: Vroom en 20 Noviembre 2019, 05:09 am
Estas utilizando una forma de escribir HTML muy desactualizada. HTML es como el esqueleto de una pagina web, para dar mejor apariencia a ese esqueleto, utilizamos CSS. Y javascript en caso de que queramos añadir algo de funcionalidad al sitio, ejemplo, hacer que aparezca un botón en el fondo para subir al principio de la pagina, cuando hacer scroll hasta cierto punto de el sitio.
No te tomará demasiado entender estos términos si le das una revisada a la documentación oficial.