Jump to content

dmacfang8

Members
  • Posts

    12
  • Joined

  • Last visited

dmacfang8's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. .navbar { overflow: hidden; background-color: #FD7012; font-family: Arial, Helvetica, sans-serif; } .navbar a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .navbar a:hover, .dropdown:hover .dropbtn { background-color: black; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover { background-color: #ddd; } .dropdown:hover .dropdown-content { display: block; } .red a:hover { background-color: red; } .lightblue a:hover { background-color: #1da1f2; } .blue a:hover { background-color: #365899; }
  2. <!DOCTYPE hml> <html> <head> <title> Dashie </title> <link rel='stylesheet' href='CSS.css'> </head> <body> <div class="navbar"> <a href="#home">Home</a> <div class="dropdown"> <button class="dropbtn">Links </button> <div class="dropdown-content"> <div class='red'> <a href="https://www.youtube.com/user/DashieGames"><img src="yt_logo_rgb_light.png" style='width:10%'/></a> </div> <div class='lightblue'> <a href="https://twitter.com/DashieXP"><img src="7194920_orig.png" style='width:10%'/></a> </div> <div class='blue'> <a href="https://www.facebook.com/brokenxbox/"><img src="yt_logo_rgb_light.png" style='width:100px'/></a> </div> </div> </div> </div> </div> </body> </html>
  3. there is a lot of white space in my menu. how do i fix it?
  4. ok so i have a search bar in my html but what do i need to do to get it to search my html instead of going to google
  5. Someone Try This Out And Tell Me What They See <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="youtubersQuiz.css"> </head> <meta name="viewport" content="width=device-width, initial-scale=1"> <body> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">☓</a> <ul> <li> <a href="home.html">Home</a> <a href="quiz.html">Quizzes</a> <a href="socialMedia.html">Social Media</a> </li> </ul> </div> <div id="main"> <span style="font-size:30px;cursor:pointer" onclick="openNav()" button class="button">☰</button></span> <h2>Home</h2> <a href = "https://www.paypal.me/dmacfang8" target="_blank"> Donate Please </a> </div> <script> function openNav() { document.getElementById("mySidenav").style.width = "250px"; document.getElementById("main").style.marginLeft = "250px"; document.body.style.backgroundColor = "rgba(0,0,0,0.4)"; } function closeNav() { document.getElementById("mySidenav").style.width = "0"; document.getElementById("main").style.marginLeft= "0"; document.body.style.backgroundColor = "white"; } </script> </body> </html> <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="youtubersQuiz.css"> </head> <meta name="viewport" content="width=device-width, initial-scale=1"> <body> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">☓</a> <ul> <li> <a href="home.html">Home</a> <a href="quiz.html">Quizzes</a> <a href="socialMedia.html">Social Media</a> </li> </ul> </div> <div id="main"> <span style="font-size:30px;cursor:pointer" onclick="openNav()" button class="button">☰</button></span> <h2>Quizzes</h2> </div> <div id="auto"> <a href="dashie.html"> <img src="https://yt3.ggpht.com/-dXM7eqHZ7Vo/V0edHUTJMgI/AAAAAAAAAEg/v-Vx_s6xJCM04yQAICdl-nu9Dw76HK1hgCL8B/w2120-fcrop64=1,00005a57ffffa5a8-nd-c0xffffffff-rj-k-no/DGHEADER.jpg" > <a href="sideman.html"> <img src="https://yt3.ggpht.com/-7fcmezdtJqo/VOzWUpPR48I/AAAAAAAAAFM/nepDL1MsEes/w1060-fcrop64=1,00005a57ffffa5a8-nd-c0xffffffff-rj-k-no/Banner-mm7games.png"> </div> <script> function openNav() { document.getElementById("mySidenav").style.width = "250px"; document.getElementById("main").style.marginLeft = "250px"; document.body.style.backgroundColor = "rgba(0,0,0,0.4)"; } function closeNav() { document.getElementById("mySidenav").style.width = "0"; document.getElementById("main").style.marginLeft= "0"; document.body.style.backgroundColor = "white"; } </script> </body> </html> body { font-family: "Lato", sans-serif; transition: background-color .5s; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s } .sidenav a:hover, .offcanvas a:focus{ color: #f1f1f1; } .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px !important; margin-left: 50px; } #main { transition: margin-left .5s; padding: 16px; } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .button { padding: 15px 25px; font-size: 24px; text-align: center; cursor: pointer; outline: none; color: #fff; background-color: #000; border: none; border-radius: 15px; box-shadow: 0 9px #999; } .button:hover {background-color: #000} .button:active { background-color: #999; box-shadow: 0 5px #666; transform: translateY(4px); } #main { width: auto; } img { width: 100%; height: auto; } <html> <head> <title>Take the Coolness Quiz!</title> </head> <body> <h1>Find Out How Cool You Are</h1> <form action="results.php" method="post"> <b>Question 1: Do you pick your nose?</b><br> <input type="radio" name="q1" value="yes"> Yes <br> <input type="radio" name="q1" value="no"> No <br> <b>Question 2: Do you have any friends?</b><br> <input type="radio" name="q2" value="yes"> Yes <br> <input type="radio" name="q2" value="no"> No <br> <b>Question 3: Is your hair styled in a fashionable way?</b><br> <input type="radio" name="q3" value="yes"> Yes <br> <input type="radio" name="q3" value="no"> No <br> <b>Question 4: Can you dunk a basketball?</b><br> <input type="radio" name="q4" value="yes"> Yes <br> <input type="radio" name="q4" value="no"> No <br> <b>Question 5: Do you get out much?</b><br> <input type="radio" name="q5" value="yes"> Yes <br> <input type="radio" name="q5" value="no"> No <br> <br> <input type="submit" value="Determine Your Coolness"> </form> </body> </html> <?php $score = 0; if ($_POST['q1'] == 'no') $score++; if ($_POST['q2'] == 'yes') $score++; if ($_POST['q3'] == 'yes') $score++; if ($_POST['q4'] == 'yes') $score++; if ($_POST['q5'] == 'yes') $score++; ?> <html> <head> <title>Your Results for the Coolness Quiz!</title> </head> <body> <h1>Your Results for the Coolness Quiz!</h1> <?php echo '<b>Your coolness score was ' . $score . '/5</b><br><br>'; if ($score < 3) echo 'You are not very cool!'; else if ($score == 5) echo 'Congratulations, a perfect score!'; else echo 'Not bad, you scored average'; ?> </body> </html>
  6. i have XAMPP and it still came out like that
  7. and how do i install a server?
  8. <html> <head> <title>Take the Coolness Quiz!</title> </head> <body> <h1>Find Out How Cool You Are</h1> <form action="results.php" method="post"> <b>Question 1: Do you pick your nose?</b><br> <input type="radio" name="q1" value="yes"> Yes <br> <input type="radio" name="q1" value="no"> No <br> <b>Question 2: Do you have any friends?</b><br> <input type="radio" name="q2" value="yes"> Yes <br> <input type="radio" name="q2" value="no"> No <br> <b>Question 3: Is your hair styled in a fashionable way?</b><br> <input type="radio" name="q3" value="yes"> Yes <br> <input type="radio" name="q3" value="no"> No <br> <b>Question 4: Can you dunk a basketball?</b><br> <input type="radio" name="q4" value="yes"> Yes <br> <input type="radio" name="q4" value="no"> No <br> <b>Question 5: Do you get out much?</b><br> <input type="radio" name="q5" value="yes"> Yes <br> <input type="radio" name="q5" value="no"> No <br> <br> <input type="submit" value="Determine Your Coolness"> </form> </body> </html> <?php $score = 0; if ($_POST['q1'] == 'no') $score++; if ($_POST['q2'] == 'yes') $score++; if ($_POST['q3'] == 'yes') $score++; if ($_POST['q4'] == 'yes') $score++; if ($_POST['q5'] == 'yes') $score++; ?> <html> <head> <title>Your Results for the Coolness Quiz!</title> </head> <body> <h1>Your Results for the Coolness Quiz!</h1> <?php echo '<b>Your coolness score was ' . $score . '/5</b><br><br>'; if ($score < 3) echo 'You are not very cool!'; else if ($score == 5) echo 'Congratulations, a perfect score!'; else echo 'Not bad, you scored average'; ?> </body> </html>
  9. <!DOCTYPE html> <html> <style> body { font-family: "Lato", sans-serif; transition: background-color .5s; max-width: 300px; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s } .sidenav a:hover, .offcanvas a:focus{ color: #f1f1f1; } .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px !important; margin-left: 50px; } #main { transition: margin-left .5s; padding: 16px; } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .button { padding: 15px 25px; font-size: 24px; text-align: center; cursor: pointer; outline: none; color: #fff; background-color: #000; border: none; border-radius: 15px; box-shadow: 0 9px #999; } .button:hover {background-color: #000} .button:active { background-color: #999; box-shadow: 0 5px #666; transform: translateY(4px); } #main { width: auto; } </style> <body> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">☓</a> <ul> <li> <a href="home.html">Home</a> <a href="socialMedia.html">Social Media</a> </li> </ul> </div> <div id="main"> <span style="font-size:30px;cursor:pointer" onclick="openNav()" button class="button">☰</button></span> <h2>Social Media</h2> </div> <script> function openNav() { document.getElementById("mySidenav").style.width = "250px"; document.getElementById("main").style.marginLeft = "250px"; document.body.style.backgroundColor = "rgba(0,0,0,0.4)"; } function closeNav() { document.getElementById("mySidenav").style.width = "0"; document.getElementById("main").style.marginLeft= "0"; document.body.style.backgroundColor = "white"; } </script> </body> </html> im trying to get it to fit to mobile but its not. the home page fits and i did what i did there to here.
  10. dmacfang8

    Mobile

    How can i make my website im working on fit to mobile
×
×
  • Create New...