Wednesday, January 25, 2006

   This is for Highwind Phoenix and anyone who wants to do this.
Is it just me or is my background not showing up? Anywho...
First off, copy and paste this code into WordPad or NotePad. Here's the code:
div style="width:HERE; height:HERE; overflow: auto;
background-image:url(http://www.filenamehere.gif);
background-color: #COLOR;
border-color:#COLOR;
border-style: BORDERTYPE;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
scrollbar-face-color: #COLOR;
scrollbar-highlight-color:#COLOR;
scrollbar-shadow-color: #COLOR;
scrollbar-3dlight-color: #COLOR;
scrollbar-arrow-color: #COLOR;
scrollbar-track-color: #COLOR;
scrollbar-darkshadow-color: #COLOR;
scrollbar-base-color: #COLOR;">
Your text goes here!
/div

Now that you have that, let's go to Post Styles. In Post Styles, there's the box that has $body$ in it. That's where you place this code. Replace "Your text goes here!" with $body$. Now, at the beginning of the code, div, there needs to be a <. It should look like < div with no space. That signifies the start of the code. Width and height can be chosen. The size I have for my post box is width: 450 and height: 350. Now you see the next line, background image. You can add an image but then you'll have to tweak the colors to make it easy to read. Unless you have a transparent or faded image, I recommend not using it. The next line is background color. Here you can choose the color of the background. Rememer the Hex codes that pop up when you go into Edit Styles? That's what you use everytime you see #COLOR. Now down to Border Type. You can go with dashed, dotted, ridge, or solid. Choose whichever one you want. Border Top, Right, Bottom, Left are the size of the line around the box, the higher the number, the thicker the line. Now we reach the Scrollbar coloring. I don't have what each one means memorized, this tutorial has a guide on what means what. The explanation is in the middle of the page. Now we're nearly finished. The last thing to do is close the code. That means the little alligator mouths around /div. And there you have it! You're own custom text box. Being that the code is in Post Styles, you'll never have to mess with it again. That is of course, you want to change the colors each time you change the theme. There you have it, hope it was straightforward and easy to follow. Any questions, feel free to comment or PM.
Credits: Code found at www.Soup-Faerie.com

Comments (1)