Kristof Posted March 14, 2012 Share Posted March 14, 2012 (edited) Hey all, I saw the Nyan Cat page that was posted by CanadianTaco last night, and I happened to hear a kid singing the Peanut Butter Jelly Time song today so I thought this would be a cool addition. Same procedure as the Nyan Cat/ Rickroll found here http://wifipineapple.com/doku.php?id=rickrolling Here's the link to the zip, it's nothing special, and a lot of the credit goes to CanadianTaco's post for the basic structure, I had never done anything with HTML before. Peanut Butter Jelly Time EDIT: Updated (Centered with Yellow Background) Edited March 15, 2012 by Kristof Quote Link to comment Share on other sites More sharing options...
iamk3 Posted March 14, 2012 Share Posted March 14, 2012 Thanks Kristof! This sounds fun! I will try it out :) Quote Link to comment Share on other sites More sharing options...
PineDominator Posted March 15, 2012 Share Posted March 15, 2012 Hey all, I saw the Nyan Cat page that was posted by CanadianTaco last night, and I happened to hear a kid singing the Peanut Butter Jelly Time song today so I thought this would be a cool addition. Same procedure as the Nyan Cat/ Rickroll found here http://wifipineapple...?id=rickrolling Here's the link to the zip, it's nothing special, and a lot of the credit goes to CanadianTaco's post for the basic structure, I had never done anything with HTML before. Peanut Butter Jelly Time I changed my custom nyan cat index.html to use the song, gif "blown up to 500 by 500 pixels" and the background is yellow. looks cooler:) thanks for sharing Kristof:-D <HTML> <head> <Title>!!!!!> Peanut Butter Jelly Time <!!!!!</Title> </head> <body bgcolor="yellow"> <center> <img src="PBJ.gif" align="middle" width="500" height="500" /> </center> <EMBED SRC=PBJ.mp3 AUTOSTART=true WIDTH=1 HEIGHT=1 LOOP=3> </body> </HTML> Quote Link to comment Share on other sites More sharing options...
Kristof Posted March 15, 2012 Author Share Posted March 15, 2012 peterfm: Thanks a ton! I had upped the size to 500x500, and was looking into how to center it. Thank you again, like I said, never really got into html, but I may now! Quote Link to comment Share on other sites More sharing options...
CanadianTaco Posted March 15, 2012 Share Posted March 15, 2012 (edited) I had never done anything with HTML before. At the time I hadn't had that much experience with HTML as well. If you want, I recommend downloading a program like Notepad++ and just start messing around/creating stuff. Another great source would be W3Schools (http://www.w3schools.com/). Have fun, learn. -Edit- <html> <head> <title>IT'S PEANUT BUTTER JELLY TIME!!</title> <style> body { background-color: #FFFF00; } img.b { display: block; margin-left: auto; margin-right: auto; } </style> </head> <body> <img class="b" src="PBJ.gif" width="214"height="212"> <EMBED src="PBJ.mp3" AUTOSTART=true WIDTH="1" HEIGHT="1" LOOP="2"> </body> </html> As you can see there are multiple ways to do the same thing. I threw this together with a touch of css. On a related note, I'm uploading this to my pineapple now :D Edited March 15, 2012 by CanadianTaco Quote Link to comment Share on other sites More sharing options...
Valsacar Posted March 17, 2012 Share Posted March 17, 2012 Thanks, I just finished my script that will randomly flip between the three every 5 minutes... random fun! Quote Link to comment Share on other sites More sharing options...
nopenopenope Posted March 17, 2012 Share Posted March 17, 2012 I suggest centering pictures with css instead of html. Quote Link to comment Share on other sites More sharing options...
blogs Posted March 18, 2012 Share Posted March 18, 2012 thanks.This sounds fun! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.