Construyendo una página usando DNN para mi trabajo, no me gustan sus opciones de botón de código abreviado, tratando de codificar uno yo mismo. Importancia principal, no sé codificar desde cero. Por lo general, puedo conectar otro código para un elemento funcional.
El código a continuación ( alternativamente, Codepen ) es lo más lejos que he llegado. Quiero un botón azul, texto blanco y una acción de desplazamiento blanca, llegué tan lejos. Mi problema es hacer que el botón GO. Sustituí un enlace a Facebook en lugar de nuestro sitio. Realmente, solo quiero un código en blanco fácil de completar que podemos colocar en cualquier bloque en el sitio para cambiar rápidamente los colores, el enlace y el texto que se muestra. Siento que estoy cerca, pero no del todo. ¿Alguna sugerencia para hacer que mi botón funcione?
body { padding-left: 100px; } input#go { background-color: #4c9ed9; color: #ffffff; padding: 20px 40px; border: 1px solid #111; } input#go:hover { background-color: #ffffff; color: #4c9ed9; border: 1px solid #111; } <html> <head> <title>MK Button 2</title> </head> <body> <form> <input type="button" id="go" onclick="window.location.href='https://www.facebook.org';" value="Register"> </form> </body> </html>Su botón debería 'ir' tal como está, pero podría considerar usar un elemento de botón real en lugar de un elemento de entrada con type=button que vive en una etiqueta de formulario. Esto es más fácil de entrar.
button#go { background-color: #4c9ed9; color: #ffffff; padding: 20px 40px; border: 1px solid #111; } button#go:hover { background-color: #ffffff; color: #4c9ed9; border: 1px solid #111; } <button id="go" onclick="window.location.href='https://www.facebook.org';">Register</button>