InsaneJournal

Tweak says, "Sugar powers the soul."

This Is An Example (this_example) wrote in rp_tutorials,
@ 2010-04-27 21:11:00

Page Decorations
The following are some tables/decorations that you can use to spruce up information pages.

Examples:

Table One:


	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut nibh ac nunc commodo tincidunt. Vivamus blandit egestas mauris. Vestibulum nec eros ac metus dictum eleifend. Fusce sit amet mauris a tortor laoreet aliquet. Mauris nec dui et enim varius congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean dui velit, rhoncus sit amet, lacus. Cras in nibh. Sed consequat dapibus est. Nunc vitae erat ac libero molestie aliquam. Curabitur dignissim sollicitudin magna.

This one is a nice and clean table that only has decorations along the right and bottom edges. You can adjust the color by changing the BGCOLOR=#E4E7C9 in the opening table tag, but you'll also have to recolor all the images to match.

Table Two:

»Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut nibh ac nunc commodo tincidunt. Vivamus blandit egestas mauris. Vestibulum nec eros ac metus dictum eleifend. Fusce sit amet mauris a tortor laoreet aliquet. Mauris nec dui et enim varius congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean dui velit, rhoncus sit amet, lacus. Cras in nibh. Sed consequat dapibus est. Nunc vitae erat ac libero molestie aliquam. Curabitur dignissim sollicitudin magna.

This table is intended to take up the whole width of the page, and it doesn't quite look right if you change that aspect of it. It uses two nested tables, one table to keep the border images in place and one table for the content. It works best if you have lots of info pages that need the different sections separated.

See here for a live example.

Table Three:

Lorem Ipsum

This table will not work if you change any of the sizes. The table and cell widths and heights are specified in order to fit the images, so if you mess with any of the numbers, it'll look jacked up.

Table Four:

Table Five:

The previous two tables and very basic ones that have top and bottom decorations only. You can change the width and BGCOLOR of the table without messing up the look, so they're easy to customize.

Table Six:

This table is my favorite. ♥

Table Seven:

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut nibh ac nunc commodo tincidunt. Vivamus blandit egestas mauris. Vestibulum nec eros ac metus dictum eleifend. Fusce sit amet mauris a tortor laoreet aliquet. Mauris nec dui et enim varius congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean dui velit, rhoncus sit amet, lacus. Cras in nibh. Sed consequat dapibus est. Nunc vitae erat ac libero molestie aliquam. Curabitur dignissim sollicitudin magna.

This table is less of a whole code and more of a nifty trick. You can pick any image, then make a basic table like so:

You can change the 'no-repeat top left' to be 'top right', 'bottom right', or 'bottom left' depending on where you want the image. You can run your words over the image if it's light enough, as in Table 5 above, or do basically whatever you want. T'is handy.

PLEASE don't hotlink the images. All of the images above can be found here at my photobucket account.

Here you can see all the tables with longer Lorem Ipsum text examples.

Enjoy!

(Post a new comment)

	ex_puff861 2010-04-28 05:28 am UTC (link)
	...these are stupidly pretty. I want to go back and put them into every single thing I've ever posted here on IJ now. (Reply to this) (Thread)

	babypickles 2010-04-28 11:36 pm UTC (link)
	IA. (Reply to this) (Parent)

	advertisemyrp 2010-04-28 05:30 am UTC (link)
	These are utterly gorgeous, and I'd love to use them somewhere. Anywhere! I just have to find a use! (Reply to this)

	dreadpirate 2010-04-28 09:16 am UTC (link)
	Oh my gosh I love these. So much. I don't know where I'm going to use them, but I am going to use them!!!! (Reply to this)

	hateswater 2010-04-29 03:21 am UTC (link)
	Using table #5 here. (Reply to this)

	hammertech 2010-04-30 07:24 pm UTC (link)
	IA with everyone else: these are really gorgeous. (Reply to this)

	mary_greenman 2010-10-25 02:41 am UTC (link)
	Hi there! -pokes- Thank you so much for these! I used table four here for my timebombsmith journal. (Reply to this)

	taluwen 2019-03-09 05:37 am UTC (link)
	There are so good, but the photobucket watermarks is horrible. D: Could you reupload to imgur? (Reply to this) (Thread)

	forsythia 2019-11-27 08:13 pm UTC (link)
	Late to the party, and it seems the person who originally posted this has deleted their journal, but I was able to save the files and rehost them. Here you go! (Reply to this) (Parent) (Thread)

	taluwen 2019-11-28 02:47 am UTC (link)
	Ah! Thank you! <3 You are a true hero! (Reply to this) (Parent)