Jump to content

piano0011

Members
  • Posts

    189
  • Joined

  • Last visited

Everything posted by piano0011

  1. Hey guys! I have been trying to learn about CSS and drop down menu from this channel and at 11:01, he uses a float: left in the nav ul li {} element to display them in a straight line instead of display: inline block? I guess there is more than one way of doing things but which way is better? I read from google or stackflow that the latter is the preferred choice?
  2. Thanks and i will try to put in more effort to learn Javascript..
  3. I will put in more of my learning effort but was asking questions that i had learnt already such as the div class... and why it move to the next line.. i have done some basic already but was just surprised that it got moved to the next line. However, i wanted a timer with php alone because i haven't learnt java yet and just wanted to know if this was possible?
  4. I haven't done any Javascript but read that i have to use script tag?
  5. I think I understand now.. roughly, I have to display it as inline block with a div class and it does work!
  6. thanks and I got it to work using the span element but just wondering how i can get it to work with div?
  7. ?Looks good but how do you save the javascript file?
  8. Hey guys! I would like to have a count down timer to for my music website but I don't know much about javascript. I am just wondering if there is a simple php counter?
  9. I can get it to work by doing this but I thought it would be possible to do this in CSS echo '<br></br>'; echo '<div class="update_text">'; echo 'Your premium membership subscription plan A is: <b>'.$row['subscriptionplan'].'</b>';
  10. Hey guys! I am trying to make certain information bold and have created a div class for those elements, named information but it is displayed on the next line, instead of at the end of the same line: Here is my php and css code: echo '<div class="update_text">'; echo 'Your premium membership subscription plan A is: <div class="information">'.$row['subscriptionplan'].'</div>'; echo '<br></br>'; echo 'Your premium membership date of subscription for subscription plan A is: <div class="information"> '.$row['subscriptionplandate'].'</div>'; CSS code: div.information { font-size: 16px; font-weight: bold; }
  11. I tried inskscape and it is good! I will also have to try this out eventually but am going to make some piano videos and I just hope that svg inscape does support those format because I need to edit the videos with my piano hand position...
  12. This is strange though because this is my html code and I only have 3 pictures above my pc101 logo: <!DOCTYPE html> <html> <head> <title>PianoCourse101</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css"> <link href="https://fonts.googleapis.com/css?family=Aldrich|Mr+Dafoe" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> </head> <body> </body> </html> <section class="main-container"> <div class="crotchet"> <p>&#x1D15F</p> </div> <div class="minim"> <p>&#x1D15E</p> </div> <div class="quaver"> <p>&#x1D160</p> </div> <img class="pc101" src="includes/pictures/pc101.gif" alt="pianocourse101 logo"/> <div class="music"><i class="fas fa-music fa-8x"></i></div> <div class="sharp"><p>&#9839</p></div> <div class="natural"><p>&#9838</p></div> <div class="flat"><p>&#9837</p></div> <div class="main-wrapper"> <div class="title"> <h3>Welcome to PianoCourse101</h3> </div> <br></br> </div> <div class="main-wrapper"> <div class="first"> <h1>At PianoCourse101, your child can now learn how to play Classical music right from the comfort of your own home!<br></br>PianoCourse101 teaching methods are based on the Bastie Piano Basics series and therefore, we highly recommend you to purchase the book prior to your piano lessons!<br></br> At PianoCourse101, you can choose 4 levels beginning with the FREE "Bastien Piano Basics: Primer Level" lessons!<br></br>If you would like a challenge and are ready to progress to the next level, then you can choose to upgrade your free membership to premium membership, where you can access Level 1, Level 2 and Level 3!<br></br>Also, please ensure that you have read the Q/A section of the website and if you have any questions, you can email to our customer support team from the Contact Us section. </h1> </div> </div> <div class="form"> <form class="signup-form" action="newsletters.php" method="POST"> <label><center>Enter your E-mail Address</center></label> <br></br> <center><input type="text" name='email' placeholder="Enter E-mail Address"></center> <br></br> <center><button type="submit" name="submit">Subscribe to PianoCourse101!</button></center> <br></br> </form> </div> <img class="snoopy" src="includes/pictures/snoopy.jpg" alt="snoopy playing the piano" /> </section> <div class="services_main">Services</div> <div class="services"> <div class="service1"> <h1>Level 1</h1> <div class="piano"> <a href="update.php"><p>&#127929</p></a> </div> <p>Purchase the Level 1 Subscriptionplan!<br>Learn how to play the piano right from the comfort of your own home!<br>Monthly fee: $100<br>Yearly fee: $800</p> <div class="service2"> <h1>Level 2</h1> <div class="piano"> <a href="update.php"><p>&#127931</p></a> </div> <p>Purchase the Level 2 Subscriptionplan!<br>Learn how to play the piano right from the comfort of your own home!<br>Monthly fee: $150<br>Yearly fee: $1300</p> </div> <div class="service3"> <h1>Level 3</h1> <div class="piano"> <a href="update.php"><p>&#127929</p></a> </div> <p>Purchase the Level 3 Subscriptionplan!<br>Learn how to play the piano right from the comfort of your own home!<br>Monthly fee: $200<br>Yearly fee: $1800</p> </div> </div> </body> </html>
  13. This is weird and chrome is showing the pictures well but I don't have that in my html code! When I include inside the code, chrome is displaying each twice! I am still wondering why my error handlers won't be displayed when I use p class? $fullUrl = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; // Primer level error handlers if (strpos($fullUrl, "primer=notchosen") == true) { echo "<br>"; echo "<p class='error'>You have not subscribed for Primer Level Lessons!</p>"; exit(); } and in my CSS... if I do this... .p.error {}, it won't work... My apologies, I think my codes was wrong... should be just .error {}, then it will work...
  14. This is weird because those symbols should be on music notation and not staff.. it should show minim, quavers etc.... Should using the p class work?
  15. I forgot to also ask, does a p class work for error handlers?
  16. Apologies.... It is moving in IE browser but not in Chrome but for some reasons.. For some reason, IE is more reliable on my computer... Also, according to my IE browser, it doesn't seem to show my pictures at the top of the page whereas in Chrome, it does. This is very confusing but looking at my html page, I forgot to add those pictures in. However, once added, now it looks like I have duplicated the pictures....I should have the three pictures above my pc101 logo... <!DOCTYPE html> <html> <head> <title>PianoCourse101</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css"> <link href="https://fonts.googleapis.com/css?family=Aldrich|Mr+Dafoe" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> </head> <body> </body> </html> <section class="main-container"> <div class="crotchet"> <p>&#x1D15F</p> </div> <div class="minim"> <p>&#x1D15E</p> </div> <div class="quaver"> <p>&#x1D160</p> </div> <img class="pc101" src="includes/pictures/pc101.gif" alt="pianocourse101 logo"/> <div class="music"><i class="fas fa-music fa-8x"></i></div> <div class="sharp"><p>&#9839</p></div> <div class="natural"><p>&#9838</p></div> <div class="flat"><p>&#9837</p></div> <div class="main-wrapper"> <div class="title"> <h3>Welcome to PianoCourse101</h3> </div> <br></br> </div> <div class="main-wrapper"> <div class="first"> <h1>At PianoCourse101, your child can now learn how to play Classical music right from the comfort of your own home!<br></br>PianoCourse101 teaching methods are based on the Bastie Piano Basics series and therefore, we highly recommend you to purchase the book prior to your piano lessons!<br></br> At PianoCourse101, you can choose 4 levels beginning with the FREE "Bastien Piano Basics: Primer Level" lessons!<br></br>If you would like a challenge and are ready to progress to the next level, then you can choose to upgrade your free membership to premium membership, where you can access Level 1, Level 2 and Level 3!<br></br>Also, please ensure that you have read the Q/A section of the website and if you have any questions, you can email to our customer support team from the Contact Us section. </h1> </div> </div> <div class="form"> <form class="signup-form" action="newsletters.php" method="POST"> <label><center>Enter your E-mail Address</center></label> <br></br> <center><input type="text" name='email' placeholder="Enter E-mail Address"></center> <br></br> <center><button type="submit" name="submit">Subscribe to PianoCourse101!</button></center> <br></br> </form> </div> <img class="snoopy" src="includes/pictures/snoopy.jpg" alt="snoopy playing the piano" /> </section>
  17. I would like to have some error handlers on my page so that when the user click on certain links and not login, it will be displayed on the page. I am trying to follow the format of having php at the top and html at the bottom but when adding the following error handlers, I found that it needs to go at the bottom of the page for the whole html contents to be shown: This is my CSS code for it: div.error { color: red; position: relative; bottom: 900px; left: 500px; } <!DOCTYPE html> <html> <head> <title>PianoCourse101</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css"> <link href="https://fonts.googleapis.com/css?family=Aldrich|Mr+Dafoe" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> </head> <body> </body> </html> <section class="main-container"> <img class="pc101" src="includes/pictures/pc101.gif" alt="pianocourse101 logo"/> <div class="music"><i class="fas fa-music fa-8x"></i></div> <div class="sharp"><p>&#9839</p></div> <div class="natural"><p>&#9838</p></div> <div class="flat"><p>&#9837</p></div> <div class="main-wrapper"> <div class="title"> <h3>Welcome to PianoCourse101</h3> </div> <br></br> </div> <div class="main-wrapper"> <div class="first"> <h1>At PianoCourse101, your child can now learn how to play Classical music right from the comfort of your own home!<br></br>PianoCourse101 teaching methods are based on the Bastie Piano Basics series and therefore, we highly recommend you to purchase the book prior to your piano lessons!<br></br> At PianoCourse101, you can choose 4 levels beginning with the FREE "Bastien Piano Basics: Primer Level" lessons!<br></br>If you would like a challenge and are ready to progress to the next level, then you can choose to upgrade your free membership to premium membership, where you can access Level 1, Level 2 and Level 3!<br></br>Also, please ensure that you have read the Q/A section of the website and if you have any questions, you can email to our customer support team from the Contact Us section. </h1> </div> </div> <div class="form"> <form class="signup-form" action="newsletters.php" method="POST"> <label><center>Enter your E-mail Address</center></label> <br></br> <center><input type="text" name='email' placeholder="Enter E-mail Address"></center> <br></br> <center><button type="submit" name="submit">Subscribe to PianoCourse101!</button></center> <br></br> </form> </div> <img class="snoopy" src="includes/pictures/snoopy.jpg" alt="snoopy playing the piano" /> </section> </body> </html> <?php include_once 'footer.php'; $fullUrl = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; // Primer level error handlers if (strpos($fullUrl, "primer=notchosen") == true) { echo "<br>"; echo "<div class='error'>You have not subscribed for Primer Level Lessons!</div"; exit(); } if (strpos($fullUrl, "primer=maintenance") == true) { echo "<br>"; echo "<div class='error'>Your Primer Level Lessons are under maintenance</div>"; exit(); } if (strpos($fullUrl, "primer=notlogin") == true) { echo "<br>"; echo "<div class='error'>You have not login!</div>"; exit(); } It is displayed in the middle of the page but doesn't seem to move when I add some positioning..
  18. Thanks guys! I will try inkscape...
  19. I still can't get it to open with svg edit, unless there are other better programs out there? I will try to find out if there are at the meantime...
  20. This is strange because I thought that you can edit svg files with svg editor but I can't even open the file.. says there is an error...
  21. No worries. . I will try to find a simple count down timer
  22. Can i use any of the php timer that i have seen on youtube?
  23. I forgot to mention that with the keyboard.svg file, can i import this in movie maker or other editting programs?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.