API tools faq
paste
Advertisement
longnguyenwp

Ticket 15367488 - custom HTML block

longnguyenwp
Mar 10th, 2024
802
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Domain Search.</title>
  7. <style>
  8.     /* Container for the form to center align it */
  9.     .form-container {
  10.         text-align: center;
  11.         margin-top: 20px;
  12.  
  13.     }
  14.  
  15.     /* Style for the form */
  16.     form {
  17.         display: inline-block; /* Align input and button in a line */
  18.         background-color: transparent; /* No background for the form */
  19.         border: none; /* No border for the form */
  20.     }
  21.  
  22.     /* Style for the input field */
  23.     input[type="text"] {
  24.         height: 44px; /* Height of input field */
  25.         width: 300px; /* Adjust this value to change the length */
  26.         padding: 0 10px; /* Padding inside the input field */
  27.         border: 2px solid #F0C05A; /* Specified border color */
  28.         background-color: black; /* Background color for the input field */
  29.         color: white; /* Text color inside the input field */
  30.         border-right: none; /* Remove right border to connect with the button */
  31.         border-radius: 22px 0 0 22px; /* Rounded corners on the left side */
  32.     }
  33.  
  34.     /* Style for the submit button */
  35.     input[type="submit"] {
  36.         height: 44px; /* Slightly larger to cover the border of the input field */
  37.         border: 2px solid #F0C05A; /* Specified border color */
  38.         background-color: #F0C05A; /* Background color for the button */
  39.         color: black; /* Text color for the button */
  40.         padding: 0 15px; /* Padding inside the button */
  41.         border-radius: 0 22px 22px 0; /* Rounded corners on the right side */
  42.         cursor: pointer; /* Change cursor to pointer to indicate clickable item */
  43.         border-left: none; /* Remove left border to eliminate gap with the input field */
  44.         font-size: 18px; /* Adjust this value to change the font size */
  45.         font-weight: bold; /* Make the text bold */
  46.     }
  47.  
  48.     /* Hover effect for button */
  49.     input[type="submit"]:hover {
  50.         background-color: #DAA520; /* Darker shade on hover for better user interaction */
  51.         border-color: #DAA520; /* Match border color with the background on hover */
  52.     }
  53.  
  54.     /* Style for placeholder to ensure it's white */
  55.     input[type="text"]::placeholder {
  56.         color: white;
  57.         font-size: 18px; /* Adjust this value to change the font size */
  58.         font-weight: bold; /* Make the text bold */
  59.     }
  60.  
  61. </style>
  62. </head>
  63. <body>
  64.  
  65. <div class="form-container">
  66.     <form action="https://shop.cybermerlin.com/cart.php?a=add&domain=register" method="post">
  67.         <input type="text" name="query" placeholder=" Find your new domain name" />
  68.         <input type="submit" value="Check" />
  69.     </form>
  70. </div>
  71.  
  72. </body>
  73. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!