For Amandaa

Mkai c’: so lets learn you how to codeeee <3
First of all you need to know basic of coding o-o

Basic codes are when you edit your hp x’D
Aka
<br> is for one row down it’s like enter o-o
<p> is for two rows down
<center>blaa text here </center> is for center text x’D
<b> blaa text here </b> bold text
<i> blaaa text here </i> italic text
<u>blaa text here </u> underlined text
<span style="text-decoration:overline;"> blaa text here </span> text has a line on
top of it
<span style="text-decoration:underline overline;"> blaa text here</span> text is
underlined and has a line on top
<font size=#> blaaa text here</font> this is for text size o.o highest number is 10
<font color="put hex code or a color word in here"> blaa text here </font> that’s
the color of text…the only ones with names that will work are
fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white,
yellow, Orange, Pink
if you want any color you have to use palette and paste number xD
<font face="insert a font name here"> blaaa text here </font> text style o.o the
ones that will work
Arial
Times New Roman
Verdana
Georgia
Comic Sans Serif
Trebuchet
Combining the text font
<font face="font name" color="hex code or color name" size="whatever size
number"> blaa text here </font>
For images
<img src=" image url goes here" />
For more codes like to make hp center and other cool stuff go on
www.imvucodes.net
Mkai now
I shall use layout you have atm to code x’D

O.O Buuuttt you need materials?
X’D this is how Hime code
You need
- Paint.net (if you don’t have one get free here

http://www.getpaint.net/ )
- O.o Photobucket?
- Firefox Browser You have to have that cos otherwise layout and
iFrames looks ew
- Paper + Pen (x’D or Microsoft Word)
- IMVU Link generator (very helpful you need it for buttons aka
Chat, add, message
- You can find link generator here http://gaf210.imvustylez.net/links.php?
lang=eng
Step 1
Upload picture on photobucket and go to this site

http://www.isdntek.com/tagbot/imap.htm
When you opened link

Paste your image url in the field where it says Image URL
Click Load Image.

Your image will now pop up below.
Click "New Link". A small transparent box will appear in the left-hand corner of your image. It's
draggable, so we want to drag it to where you want your first menu button to be clickable.
Basically we're needing to define the buttons.
So, drag it to your first button. It's obviously not the size of your desired button. So we can resize
it, move your mouse to the right-hand corner of the transparent box. Your cursor should change,
notifying you that you can resize this.
Now, resize the box to your desired size.
Once you have gotten your box the right size/position, input in the Link from the url
you want the box to link to (Ex: I want my box to be my "message me" link, This is
where you can use the IMVU Links Generator)
Amanda this is only for chat, add, message buttons.
So after you put transparent boxes on buttons
Now, in the caption - put a word that represents what link it is (ex: "Message Me" would be
something to put if it was your message link, basically this will show a pop up box with the
words when the mouse is hovered over this part of the picture).
Now click "New Link", and another box appears. You're ready to add another link.
Repeat this step until you have all the desired links. Here's a snapshot of what mine looks like:
Umm…if you don’t understand. It’s like this.
Open IMVU link generator in new tab(link is uppp) and write ur username or the
name for person ur coding) I wrote not and pressed go.
So after you pressed go it should look like this
So go back to ur picture and press first transparent box. That’s for add so you have
to copy link from url generator the “Add to Buddies link” copy that link aka this one
http://www.imvu.com/catalog/web_add_contact.php?contact=not
Where “link” writes and on Caption write “Add” like this
Then click second transparent box and do same but second box is for messages so
copy link that says “message link” (imvu link generator) aka this link
http://www.imvu.com/catalog/web_send_message_widget.php?
recipient_id=9105275
And paste it on link and Caption write “Msg” like this
Do same thing with last transparent box click on it this one is for chat so copy link
on imvu link generator the one that says “Start 3D chat” aka this one imvu:StartIM?
avatar=not&fromSite=1
And copy it in link and for caption write “Chat” it should look like this
After you done all of that scrool down and press “Make code” button
It should look like this
Copy that code and paste it in URL panel (make dummy acc aka Guest so you can
see the progress of code o-o)
After you copied code refresh page and it should look like this
So you see the url of hp x’D we need to get him out
So copy this code
“<style type="text/css">
#url_panel_colRow, #url_panel_header {display:none;}
</style>”
And paste it in url panel…refresh again aka F5 on keyboard xD
And it supposed to be no more url 8D
Step 2
Now we need Paint.NET program
Open up paint.net again and open up your layout file. Make a new layer by pushing
Ctrl+Shift+N , on this layer we're going to use as a reference, nothing more. We
don't want to save this file.
So anyway, we're going to use the the rectangle select tool.
But rectangle tool were should text appear o.o
So use rectangle tool and click on the paint bucket tool and click somewhere in the
box.
It should look like this BUT DO NOT SAVE IT!
Click the magic want tool and click on one of the content box you just made. It
should highlight again. Now look at the bottom of the program
Aka here
This track
See where it says Selection top left and then goes on to say numbers? That's the
reason why we're doing this. We're needing to find the information to define exactly
where the content boxes are + the width and height of them, and guess what?
Paint.net just did that for us. Very handy.
Now write those numbers
Top: 62
Left: 239
Size: 512x286
Step3
Now lets call that box “MAIN BOX”
This is code for frame
<div id="MAIN_BOX" style="width:512x; height:286px; position:absolute;
left:239px; top: 62px; z-index:1;">
<iframe src="Link here" name="inlineframe" width="512" height="286"
border="0" marginwidth=0 marginheight=0 frameborder=0
allowtransparency="true"></iframe>
Where ever you see width height is the size of box left and top are the places where
box should be that’s why we used Paint.NET
So I putted the sizes you just need to put link we used ur link
http://notimvu.webs.com/Magical/intro.html
so code should look like this

<iframe src="http://notimvu.webs.com/Magical/intro.html" name="inlineframe"
width="512" height="286" border="0" marginwidth=0 marginheight=0
frameborder=0 allowtransparency="true"></iframe>
Copy code and paste it in URL panel and refresh page

Now we are almost done 8D
We need to make those buttons “Home” “Intro” “Special” “Shops” Clickable
Step4
Go to http://www.maschek.hu/imagemap/imgmap
And upload layout go browse and find the layout on comp then press upload and
click accept
Now just click and make box on home info buttons

Should look like this
Now go to URL panel and paste code in Word office
So far it should look like this
<img src="http://i32.tinypic.com/epf3nl.jpg" width="779" border="0"

usemap="#imap_96" >
<map id="imap_96" name="imap_96" >
<area shape="rect" coords="31,297,80,334" alt="Add" title="Add"
href="http://www.imvu.com/catalog/web_add_contact.php?contact=not">
<area shape="rect" coords="85,296,146,335" alt="Msg" title="Msg"
href="http://www.imvu.com/catalog/web_send_message_widget.php?
recipient_id=9105275">
<area shape="rect" coords="149,294,209,335" alt="Chat" title="Chat"
href="imvu:StartIM?avatar=not&fromSite=1">
</map>
<style type="text/css">
</style>

Now do you see the

usemap="#imap_96" >
</map>
Make room there x’D and paste this code before </map> thing
<area shape="rect" coords=" coodrs" href=" link " target="inlineframe">

You have 4 buttons so paste this code 4 times should look like this

usemap="#imap_96" >
</map>
Now lest go back to the Maschek aka the boxes where you have
Press first transparent box aka the one where Home is and copy numbers
And paste it where you see coodrs and where you see link paste link first is home
code should be like this
<area shape="rect" coords=" 236,22,332,50"
href="http://notimvu.webs.com/Magical/intro.html " target="inlineframe">
So do that too all buttons
And code should look like this 8D

usemap="#imap_96" >
<area shape="rect" coords=" 340,22,437,49" href="
http://notimvu.webs.com/Magical/intro.html " target="inlineframe">
http://www.notimvu.webs.com/Magical/specials.html " target="inlineframe">
http://www.notimvu.webs.com/Magical/shops.html " target="inlineframe">
</map>
Now replace old code with this one

And whole code should be link this

usemap="#imap_96" >
http://notimvu.webs.com/Magical/intro.html " target="inlineframe">
http://www.notimvu.webs.com/Magical/specials.html " target="inlineframe">
http://www.notimvu.webs.com/Magical/shops.html " target="inlineframe">
</map>
</style>

Almost done
Now in url panel copy these codes
<style>body{
background-image:url(http://ENTER BACKGROUND URL HERE);
background-repeat:repeat;
background-attachment:fixed;
background-position:center}
#main{background:none;border:none}
</style>
#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
#messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,
#room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,
#streetteam_panel, #blog_panel, #video_panel_header, #music_panel,
#rss_panel, #url_panel,
#special_panel,#outfits_panel {
width:900px !important;
}
#rightColumn {
display:none !important;
}
</style>
That’s for background and for panels…

Refresh page…
And ur done
If you want to see how my result was x’D
Go to
http://avatars.imvu.com/Guest_MARSTI
and click all buttons c’: you will see its same…
P.S tell me when you did so I can remove the page x’D
I hope you’ll understand all <3 ilu
- Hime

For Amandaa

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

For Amandaa

Uploaded by

Copyright:

Available Formats

Mkai c’: so lets learn you how to codeeee <3

First of all you need to know basic of coding o-o

<img src=" image url goes here" />

I shall use layout you have atm to code x’D

- Paint.net (if you don’t have one get free here

Upload picture on photobucket and go to this site

When you opened link

Click Load Image.

Now, resize the box to your desired size.

<div id="MAIN_BOX" style="width:512x; height:286px; position:absolute;

Copy code and paste it in URL panel and refresh page

Now just click and make box on home info buttons

<img src="http://i32.tinypic.com/epf3nl.jpg" width="779" border="0"

<div id="MAIN_BOX" style="width:512x; height:286px; position:absolute;

Now do you see the

<area shape="rect" coords=" coodrs" href=" link " target="inlineframe">

<img src="http://i32.tinypic.com/epf3nl.jpg" width="779" border="0"

<img src="http://i32.tinypic.com/epf3nl.jpg" width="779" border="0"

Now replace old code with this one

<img src="http://i32.tinypic.com/epf3nl.jpg" width="779" border="0"

<div id="MAIN_BOX" style="width:512x; height:286px; position:absolute;

That’s for background and for panels…

You might also like