Userpage Content Guide/Tutorial

page 1 of 2 1 2 Next » 37 total items

exentric

exentric

Plain Lazy

Cancel

Since my life is nothing but boredom, I thought I would write this to get rid of this boredom. =/
Its a comprehensive guide/tutorial on how to make your userpage or your group userpage looks amazing.
oh yah again, I have no idea where to put this, so I'm just gonna stuck this thread here in Art & Design forum. ^_^"

Normal/Common HTML tags.
Paragraph. Start your sentence with this tag. Not a neccessity but will be needed in future.
<p>text

Bolding Text:
<b>text</b>

Underline Text:
<u>text</u>

Italic Text:
<i>text</i>

Strikethrough Text:
<strike>text</strike>

Making Links.
<a href=http://yerlinks.com>Text to Show</a>

Remember, if you just put a URL, like http://www.minitokyo.net for example, it will come out as link automatically.

Font changing
<font face="Tahoma" size="2pt" color="#FF0000">text</font>

explanation:
font face="Tahoma" - change any text within <font></font> tag to Tahoma.
size="2pt" - change any text size within <font></font> tag 2pt.
color="#FF0000" - change the text's color to whatever you set for the hex code. oh yah something like "red" , "blue" can also be used instead of hex codes.

Ending a sentence/paragraph.
Lets say your done with that one paragraph. You wanted to start a new one. There's two way to do that.
One os of course just put another <p> in front of your sentence.

Another way is, at the end of your sentence, put <br />. And anything you write after that will automatically brought down to another line/paragraph.


MT's special tag.
This tag only works in MT. its not a default HTML tag. its a special tag define by MT's CSS.

The big header:
1. the big one at the back
<h1>text</h1>

2. the small one at front
<h3>text</h3>

Making the big header align to left rather than right
Click here: http://groups.minitokyo.net/negaraku/ for an example. Look at 2nd box. The big header is on the left rather than right. How to do it? Well read on!
Well even if I said read on, I'm just gonna give da codes. >_>

<h1 style="text-align: left; margin-right: 0px; margin-left: 6px;" >The big one at the back</h1>
<h3 style="text-align: left; margin-right: 0px; margin-left: 32px;">Small one at front.</h3>

Aligning your text
Center:
<p class=c>text</p>

Right:
<p class=r>text</p>

Left:
<p class=l>text</p>

Make a quote box.
<div class=quote>text</div>

Make the signature line/separtor.
<hr></hr> (no text needed)

Embedding music in your userpage.
<embed src=" URL HERE " autostart="true" loop="true" hidden="true"><noembed><bgsound src=" URL Here Again " loop="infinite"></noembed>

as quoted from Celessa, "That tag is uber evil though, I tell you. You can only play .AU files, .WAV files, or .midi files or else it won't work on your Internet Explorer as well. That's why I don't like Internet Explorer - MP3 tags won't work on them - but they WILL work on Firefox"

for better understanding, go here.
http://www.annabella.net/music.html

oh please do remember this before embedding music into your userpage. Most people hate it. ^_^

Playing with divs and tables
I have to make an external page for this part since the code I put here will ruin MT's looks.

Mane a new content box
put this code when you want to make a new content bpx
</div></div>
<div class=outer><div class=inner>

RaXiv

RaXiv

Equivalent One

Cancel

excentric i think the mods will colse this topic for many reasons. Example:
1. there where many other topics about userpage contents with tutorials and hints.
2. You can learn html and xhtml from www.w3schools.com
3. Pics You can make in any graphic program. Siomple ay?

Stay C00l

[ Current State: Stalker half-active, always like that to the summer! ]
>>[ Signature updated 28.05.2005 ] << [Latest Work:] | I ... Never Found Our Way |
Signature
	Image
. . Sky is more bright when You have someone to look with at... do you have someone? . . . [url=htt://raxiv.minitokyo.net] | My userpage | [/url]

exentric

exentric

Plain Lazy

Cancel

yes I know. but there some that doesnt teach what am I gonna say. while they are alot, it easier for them to find it in 1 thread rather than going to 10 different thread.

lensterknight

lensterknight

Ah, the leeching.

Cancel

The style-based info is quite useful, I'd say. Specially since I have trouble changing paragraph alignment the usual way... ^_^'

By the way, exentric... ingenious idea, using stylesheets in the userpage content.

/me looking at source codes XD

SilentMasamune

SilentMasamune

I'm all washed up. . .

Cancel

This will 100% help me out with my customization. Thanks a lot.

Signature Image
Support Limerock Cafe - full feature forum and gallery

  • Feb 06, 2005

Darla83

Darla83

BioRhythm ?

Cancel

hey, Great one! I was wondering my head off, of how to make those MT headers :D great turorial, it is very useful.

Signature
	Image
The Catgirl fan group ---Nya---- !!!:
KittyCats= for the neko lovers in MT

Cancel

yikes exentric made a html tutorial ^^~!!! ow well....I'm allready using those codes.....
but nice tough ^^~!!! =D I wan some html for advance peeps xd~!!! you forgot the music code =P that <bgsoud etc.. hmz....or that wma player =), tabels and borders are nice tough xD~!!!!

Celessa

Retired Moderator

Celessa

Okaerinasai - Welcome Home

Cancel

lol - you should see mine - consists of 385 lines apparently O_o

Anyways - it's going to be tough for the new members to figure all this out.
Just give it time. Wonderful userpage's don't take hours to build, it takes days. So make this a once-in-a-routine thing and you got what you want, pretty much.

For your font color, heads up:

<font color="#??????"> Proceeded by a 6 alphabetical / numerical hex code. Hex code ranges from 0 to 9 and A to F, then </font>.

This is the main website here - http://www.w3schools.com/css/css_colors.asp

Replace the #?????? with the proper coding to get the desired font color. The site provides a link here.

Example: #FFFFFF will get you the color white, here.

"No matter where you go, no matter how tough life may be, just remember that always in your heart, you will still be loved."

Signature
	Image

Cancel

Quote by Celessalol - you should see mine - consists of 385 lines apparently O_o
Anyways - it's going to be tough for the new members to figure all this
out.
Just give it time. Wonderful userpage's don't take hours to build, it
takes days. So make this a once-in-a-routine thing and you got what you
want, pretty much.
For your font color, heads up:
<font color="#??????"> Proceeded by a 6 alphabetical / numerical hex code. Hex code ranges from 0 to 9 and A to F, then </font>.

This is the main website here - http://www.w3schools.com/css/css_colors.asp

Replace the #?????? with the proper coding to get the desired font color. The site provides a link here.

Example: #ffffff will get you the color white, here.

well about that..... you can also just type <font color="red"> that will also work =)
but ofcourse the "#" colours are better and you got more options ^^ (lol check the copyright on the bottom ....it's red xD~!!!! MWUAHAHAH) (message me when you want that I close the code XD~!!!)

Sugasuga

Sugasuga

Kaz ?

Cancel

alrite, now i know how to change the font type and how to create a link in the content ^^ thanks for creating this thread, exentric ^^

Signature
	Image

hidekeitaro

hidekeitaro

MEMENTO MORI

Cancel

I didn´t know how to custumize the big header and small header and the others MT´s special tags correctly -_- ...
Thank you for this big guide excentric :D

Signature
	Image

exentric

exentric

Plain Lazy

Cancel

Quote by meteorcloudyikes exentric made a html tutorial ^^~!!! ow well....I'm allready using those codes.....
but nice tough ^^~!!! =D I wan some html for advance peeps xd~!!! you forgot the music code =P that <bgsoud etc="" hmz....or="" that="" wma="" player=")," tabels="" and="" borders="" are="" nice="" tough="" xd=""></bgsoud>


actually I didnt forget the music code.
those code are in the playing with div and table part.

I'll just gonna puy it there now.

DarkVirus

DarkVirus

::Nobody::

Cancel

Mains Codes that i did not know that can make my userpage look nice...

thanx for this big guide exentric...

retire

Cancel

Ahh great of you to have tut for that. Did not know how to do anyting before I read your tut :)
Now my content page looks great too :D

kaylamew

kaylamew

Words from Yuko-sama

Cancel

now this might sound silly, but how do you put in pictures??

This signature violates the signature guidelines, thus it has been removed.

exentric

exentric

Plain Lazy

Cancel

lol here's code

<img src="http://www.imagehere.com/image.jpg"></img>

tareren

tareren

||Teh Panda Queen||

Cancel

Weee... this helps me in the aligning center part hehehe.. was confused how to do it :) thanks exentric for the tutorial :D

Signature
	Image

flyindreams

flyindreams

[Ninja] Lurker

Cancel

Hey hey~ I was wondering how you make new text boxes...?? And another thing I was wondering is somewhere on MT it says you can include scrollbars into your userpage. How do you do that? Thanks~!!

maya7

maya7

~SilentzKiller~

Cancel

yay this is good help for me to change the userpage
thx for tutorials ^^ but i wonder how to get all this ^_^'

Is this working..?? testing ..tesing...1..2..3.. ( lolz ^ ^x)~

  • Jun 25, 2005

exentric

exentric

Plain Lazy

Cancel

Quote by flyindreamsHey hey~ I was wondering how you make new text
boxes...?? And another thing I was wondering is somewhere on MT it says
you can include scrollbars into your userpage. How do you do that?
Thanks~!!


new text boxes? as in a new box in the userpage content box there? if that its under playing with divs and table. the link aint working now but I'll try and fix it soon.

and the scrollbars. you want a scrollbar for the content part?

tian82

tian82

-Lovely-

Cancel

Can someone teach me on how to change the word font on the left hand side menu in our userpage?

-Sweet Cotton Candy-
Signature
	Image

  • Aug 02, 2005

Sugasuga

Sugasuga

Kaz ?

Cancel

Quote by exentric
new text boxes? as in a new box in the userpage content box there? if
that its under playing with divs and table. the link aint working now
but I'll try and fix it soon.
and the scrollbars. you want a scrollbar for the content part?


i like to know how to do the scrollbar in the content. been trying to figure it out @_@. do you know how to do it, exectric?

Signature
	Image

Cancel

I'm looking for someone that can give me the code to post vids up on the user page.

shinorei

shinorei

Noob Queen.

Cancel

Ah, this saved my simple and plain layout.

Signature
	Image

page 1 of 2 1 2 Next » 37 total items

Back to Art | Active Threads | Forum Index

Only members can post replies, please register.

This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies. Read more.