Saturday, August 18, 2007

Tables (better known as postboxes)

Now this is a code many people want: the code for the post box, with a picture!

I put the places where you put the sizes and url with capital letters so you won't miss them. Otherwise you're free to change the color settings however you see fit, just change the color code.

So let's get down to business!

For your convenience, you can now copy&paste the code without having to change anything, only the things you want to change (pics, colors etc.)!

Box with the pic on the right side of the post:

<font size="2"><font color="#FFFFFF" face="Arial" size="4"><table width="WIDTH HERE!!!" bgcolor="black" style="background-image: url('IMAGE URL HERE!!!');background-repeat: no-repeat; scrollbar-arrow-color: #000000; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-face-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-darkshadow-color: #000000; scrollbar-3dlight-color: #000000; background-position: top left;" height="HEIGHT HERE!!!" border="3" bordercolor="black" cellspacing="4"><br /> <tr><br /><td border="3" cellpadding="4"><br /> <div style="height: HEIGHT HERE!!!px; width: WIDTH HERE!!!px; overflow: auto; margin-bottom: 5px; margin-right: 310px;">$body$</div></td></tr></table></font>

Box with the pic on the left side of the post:

<font color="#FFFFFF" face="Trebuchet MS" size="2"><table width="WIDTH HERE!!!" bgcolor="#000000" style="background-image: url('IMAGE URL HERE!!!');background-repeat: no-repeat; scrollbar-base-color: #BF0032; scrollbar-arrow-color: #0A0001; scrollbar-3dlight-color: #BF637A; scrollbar-darkshadow-color: #070000; scrollbar-face-color: #BF0032; scrollbar-highlight-color: #BF637A; scrollbar-shadow-color: #8C003F; scrollbar-track-color: #BF3B5C; background-position: top left;" height="HEIGHT HERE!!!" border="5" bordercolor="white" cellspacing="4"><br /> <tr><br /><td border="3" cellpadding="4"><br /> <div style="height: HEIGHT HERE!!!px; width: WIDTH HERE!!!px; overflow: auto; margin-bottom: 5px; margin-left: 310px;">$body$<br /> </div></td></tr></table></font>


Transparent postbox:

</style><br /> <table class="post" cellspacing="0" cellpadding="0"><tr><td id="no1"><DIV style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; OVERFLOW: auto; BORDER-LEFT: #000000 3px dashed; WIDTH: 400px; BORDER-BOTTOM: #000000 3px dashed; HEIGHT: HEIGHT HERE!!!px"></div>

By changing where-ever it says dashed, you can change the style of the borders (inset, outset, dotted etc.)!

You put these codes to Post Styles.

Enjoy! ^^


Comments (1)