Jump to content

Peanut Butter Jelly Time?!


Kristof
 Share

Recommended Posts

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 by Kristof
Link to comment
Share on other sites

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>

Link to comment
Share on other sites

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 by CanadianTaco
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...