Saturday, April 29, 2006

   Who knows? Who Cares? Why am I still awake?
So, not much going on. Just need to do a lot of stuff around the house. Fix this, fix that. I need to completely uninstall then reinstall, the printer/copier/scanner. It will print stuff and copy but won't scan anything. So that's going to be a big hassle. Anywho, I don't have much to say. I became an aunt again. My brother's girlfriend had her kid on Thursday I believe. The new niece is a little girl and has been named Madison Page. So now I have to corrupt another kid. -.- READY THE ANIME AND MANGA! MWAHAHAHAHAHA! Anywho, I can't think of anything right now so I might post later.
New Stuff
I've changed some stuff on MyO. I'm still adding stuff but hopefully, I'll have everything I ever wanted to do done by the end of the weekend. So what do you think of the stuff I've changed so far? Not to off beat is it?
Tutorial
Alright! Fun buns. Know what that means? I'm going to teach you guys how to make a cool little box that you type in. The same thing that I'm using right now! Real cool huh? Anywho, let's get down to it!
Now first off, I hope you have a nice pic that you want to use and have it uploaded. Making it is quite simple and can be done in average old Paint. So open Paint up and click on Image then Attributes. Here is where you decide how big you want your box. The width at 495 and the height at 350 makes it big enough to add a nice picture and still have room for text. Next comes your picture. Position it where you would like. In the corners, right, left, top or bottom. Now go to Image than Attributes. See the Width and Height? Write that down. Find an area where you want the top right corner. Write the two numbers that appear near the bottom of the screen down. Then choose how big you want your text area. Just use the selection tool (when you move the mouse over it, it will say Select). Copy and Paste that into a new Paint document and figure out it's attributes the same way. Write those dimensions down. Once you have all of that decided, upload your picture to an image hosting site. Let's move on the to next step. Open up WordPad, I've found it easier to use than NotePad. Now copy and past this code into WordPad:
<br /> <style><br /> #container { color: black; font-size: x-small; text-align: left; width: 000px; height: 000px; background-image: url(IMAGE URL); }<br /> #content01 { padding: 4px; left: 0px; top: 0px; overflow: auto; visibility: visible; }<br /> #box01, #content01 { width: 000px; height: 000px; position: absolute; }<br /> #box01 { visibility: hidden; }<br /> </style><br /> <div id="container"><br /> <div id="box01"><div id="content01"><table>$body$</table></div></div><br /> </div><br />
Now that you have that code up in WordPad. Go to width 000px. Replace that width with 495px into that area. Next go for height 000px. Replace that with 350px. Now take the URL from the image hoster and replace it with the IMAGE URL. Next we go down to this part of the code:
#content01 { padding: 4px; left: 0px; top: 0px; overflow: auto; visibility: visible; }
Leave the 4 alone. Go to the first 0px. Remember the numbers you wrote down for the top right corner? That's where those numbers go. The first number for the first 0px and the second number for the second 0px. BE sure to keep the px! That is important! Now we go to the next line. This one;
#box01, #content01 { width: 000px; height: 000px; position: absolute; }
Now this is where you put the dimensions for your text area. Same as the first width and height just with the size of your text area. Remember to keep the px in there!
Now, go to the Post Styles link. Click in there and change the easy and simple to advance customization. Erase the $body$. Now copy the code you tweaked and paste it in here. Click on the Save button. Now you should have your nice new blog thing! And here ends this little tutorial. I hope that this was helpful to you. I'm not going to update this, it is kind of straight forward. If you need any help, go here and click on the Neopets part. You'll find blog coding under there. She has pictures so it can be understood easier.

Comments (7)