dmacfang8

February 17, 2018

.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;
}

February 17, 2018

<!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>

February 13, 2018

there is a lot of white space in my menu. how do i fix it?

June 29, 2016

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

June 29, 2016

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>

June 28, 2016

i have XAMPP and it still came out like that

June 27, 2016

and how do i install a server?

June 27, 2016

This Is RIGHT

June 27, 2016

This Is WRONG

June 27, 2016

<html>

<head>

<title>Take the Coolness Quiz!</title>

</head>

<body>

<b>Question 1: Do you pick your nose?</b><br>

<b>Question 2: Do you have any friends?</b><br>

<b>Question 3: Is your hair styled in a fashionable way?</b><br>

<b>Question 4: Can you dunk a basketball?</b><br>

<b>Question 5: Do you get out much?</b><br>

<br>

</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>

June 26, 2016

<!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.

June 21, 2016

How can i make my website im working on fit to mobile

Sign In

dmacfang8

Posts

Joined

Last visited

Content Type

Profiles

Forums

Events

Posts posted by dmacfang8

Menu Whitespace

Menu Whitespace

Menu Whitespace

Search Bar

why is it not showing right

why is it not showing right

why is it not showing right

why is it not showing right

why is it not showing right

why is it not showing right

what did i do wrong

Mobile

Browse

Activity