How to make tables!

Moira 的个人资料♥(¯`v´¯)♥ мøï®α ♥(¯`v´¯)...照片日志列表

工具

帮助

11月9日

Image hosting by TinyPic

Ok I'm going to tell you how I make my tables. There are other ways but I prefer using this method. I will not be going into detail on how to edit the pictures for your tables but I will put in a few good links at the bottom. So at this point you need to have the picture you'd like to use for the table. It must be normal sized.. you cannot change its size from the code. At least I don't think you can :P

So for editing my images I use these 2 programs which I suggest you'd have:

Jasc Paintshop Pro [55Mb] [Download Now]

Microsoft GIF Animator [1.1Mb] [Download Now]

Now I suggest you'd open a new notepad and save this code somewhere practical you can easily find it. You'll need to use it for every table.

NOTE: The text in red is what you will need to change later on to modify your table.

Now copy and paste the code in a new blog entry in the <HTML> part; you need to click <HTML> module once to be in <HTML> part. You'll find <DIV></DIV> just backspace those.

Open another Internet Browser and upload your image. I suggest www.tinypic.com it's fast and easy!

Copy the link of your picture and paste instead of the red text just after "background=" Make sure you don't leave any spaces.

Now click <HTML> again to see your table, and what needs to be modified.

If your picture looks small and it has exceeded its size try lowering the numbers on the top of the code where it says "TABLE height= width=" try typing smaller numbers depending on how small your height and width should be till you are satisfied with your picture.

The same thing applies if your picture is big and it doesn't appear well, in that case you'd need to type bigger numbers.

Now for the scrollbar, click <HTML> to preview your table, click once on the scrollbar and it allows you to resize it to the size that you want. Then click and drag to where you want it to be placed. This doesn't always allow you to place it wherever you want so I use this method:

If I want the scrollbar to move more to the right hand side, I increase the numbers in the "TD width=" again depending on how much I want it to move to the right. The same thing applies if I want to move my scrollbar to the left hand side.. I decrease the numbers and make them smaller; all of them!

Now for moving up and down I change the numbers in the "height=" again if I want it to move downwards I put a bigger number and if I want it to move upwards I put a smaller number.

Just remember it doesn't have to be exact!

Now for the colors of the scrollbar I use this website for choosing the colors. There are tons of others but that's your choice of course! Try experimenting with colors and changing the codes that are already there if you like. Here's a few basic ones:

#000000

#ff0000

#ffff00

#0000ff

#008000

So if you've made it to this point, you are now officially a table maker :P Remember to put your text from the <HTML> part that's in the code and not in preview mode where you are seeing your table, because that can stuff up your table when you delete the text, to type your own! And if you want to put the table code in your table (as I do in my tables pages) just copy the code from the <HTML> part then paste it in your table in normal mode (when you are seeing your table; click twice on the scrollbar then press Paste at the top)

Few helpful tutorials NOT made by me

[How to make Sparkling text and pics]

[How to make Glitter text]

[How to make blends]

18:48 | 写入日志

若要添加评论，请使用您的 Windows Live ID 登录（如果您使用过 Hotmail、Messenger 或 Xbox LIVE，您就拥有 Windows Live ID）。登录

还没有 Windows Live ID 吗？请注册

	blackice发表: hey...i tried dis out..n it wrks PERFECTLY!!! its so awesum!! 3 月 26 日
	ManivannanRathai发表: You're Invited... 1 月 25 日
	ManivannanRathai发表: oh yeah also, my pic gets repeating but i put the right height & width. [I checked when i uploaded to photobucket]. I can BARELY move the text box!!! Help Me Out Plz! 1 月 20 日
	ManivannanRathai发表: Hi there thanks for the tutorial but the code changes after I press HTML. 1 月 20 日
	Noelle发表: Hello Moira... I have been trying for 3 weeks to make my own table..its not working gggggggrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr I am trying desparatley to make a glod frame around it do you have any suggestions PLZ Hugs Noelle x x 7 月 14 日
	נα¢кιє发表: hi hun thanks for that i wil have a crack at that later on nice space you have take care jackie 7 月 10 日
	My Inner Self发表: Moira, Thank you Thank You. I have wanted to make my own tables for a while but all the instructions I found were to complicated...but then I came across yours and guess what I made a table. Come check it out and leave a comment....Faith 7 月 7 日
	ρяιи¢єѕѕ ѕтαя发表: hey your space is the best and i luv ur tables, i was wondering could you teach me how to make tables, i clicked on the link on how to make blends but it didnt work so helps mes please! 6 月 15 日
	Gary发表: can u please help me! i dunno how to use the paintshop thingy ma bob. How do you add a scrollbar on the pic? PLEASE HELP! thanks heepz 6 月 10 日
	Pυιfσи歡发表: I've Tried This Tutorial But My Image Is Repeated And I Find It Hard To Get The Text Box In The Exact Place I Want, I Would Like To Make One an You Please Help? 6 月 1 日
	没有名字发表: hi beautifull!!!!! great tutorial!!!!! i´d like to put it in my space but,i´m spanish so can I translate it to spanish? I will say that you have made the tutorial and I´ll put a link to your space.Please give me your permission!! and sorry for my english, is very bad, i know hehe. well kisses!!!! & congratulations for your space!!!!!!!!! please answer in my space.hugs 5 月 30 日
	grahamrosie发表: Thanks alot i am so happy:) your instruction were great and i done it first time. keep up all the hard work SnOwDrOp x 5 月 7 日
	HartSam发表: heya ur tutorial is the onli 1 dats really helped me n i understnd it!!! thnx so much. But wen i put ma image on it repeated n i dunno how 2 change that if u can help me id b veri gratefull thnx xxxxxxxx 4 月 20 日
	[no][name] 发表: hey i know i am bit young to do this cause i am 12 but when i make the table thing my box inst on the picture and i don't know why can you plez tell me how cause my brain hurts lol. 4 月 18 日
	Teyhama发表: Hey, I wanted to know why do all of my images repeat. How can I make it into one image? Thanks for the tutorial though, it's great. Summer 4 月 17 日
	-»♡ мαи∂α ♡«-发表: OMG moria! THANK U SOOOOOOoooOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO much! I never knew how to make tables b4 but now i do! THANK U! mandaxXXx 4 月 13 日
	Helen发表: I have not tried this yet, but I have read so many instructions on how to do this, and really I am not advanced in computers enough to understand. However, I do believe, your instructions are clear, and I will be able to create one. May look like beginners art...but non the less it would be a start. I will let you know if I can do it. Thanks for the hlep....Helen 3 月 22 日
	ѕσρнιє发表: OMG thnx so much but how do u move the text box over! luv sophie 3 月 20 日
	katya发表: hey!!! i made my first table!!! girl i love u so much!!! tnx for this tutorial!!! u r the best ◕‿◕ 3 月 6 日
	trina <3 发表: hey mroia. i love ur space so much and tried to use ur tutorial but one thing wouldn't work. i was fine, i had my image an everything, but when i previewed it, the text box wouldnt go onto the image ^_^ i have no idea how to put it on the image and it wouldnt work :( if u know of any way to help me, please tell me :D have a great day,ur space rox ma sox :P 2 月 27 日