slicing help, helphelphelphelp Options

[kariiissa]

ok so i have made a layout.
link : layout.

and where it says home add message and all that i have sliced it in image ready and put the urls in and then saved the optimized. then after that i am lost

where do you get the codes to put into your div?
ahhh im so lost

please help.

[clarity]

In image ready go to edit > copy html code.
Now for the image url, all you have to do is replace it with the one thats hosted.
(where it says <img src="pictures/something.jpg <-- Replace that part of the code that's bolded with the hosted image url.)

[kariiissa]

Now for the image url, all you have to do is replace it with the one thats hosted.
(where it says <img src="pictures/something.jpg <-- Replace that part of the code that's bolded with the hosted image url.)

i dont mean to sound stupid, but what image thats hosted?
the overall layout?
akwshawjha
sorry

[flaymzofice]

Well you have to upload your image file somewhere in order to be able to show it in Myspace. I don't know how sliced images work, but I presume you upload each sliced layer to a separate location, so that each different slice that want as a different link, has a different URL. So where Quarantine has bolded the 'picture/something.jpg', is where you put the individual URL of the slice that corresponds to what you want linked...make sense?

Alternatively, you could image map straight into your source code (I prefer that way, it's much easier)

[kariiissa]

Well you have to upload your image file somewhere in order to be able to show it in Myspace. I don't know how sliced images work, but I presume you upload each sliced layer to a separate location, so that each different slice that want as a different link, has a different URL. So where Quarantine has bolded the 'picture/something.jpg', is where you put the individual URL of the slice that corresponds to what you want linked...make sense?

Alternatively, you could image map straight into your source code (I prefer that way, it's much easier)

no im sorry, still doesnt make since
gahhh

[clarity]

gah re-reading my post, it is confusing.
Okay do that edit > copy html code again and post it here.

Second, for your layout, where did you upload the image. Photobucket? Image Shack? Either way, give me the link to it.

[kariiissa]

heres the copy html

<table id="Table_01" width="800" height="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="images/kmkmih_01.gif" width="800" height="667" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/kmkmih_02.gif" width="410" height="133" alt=""></td>
<td>
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=09ee648d-d4db-4475-af25-1349ac1de117">
<img src="images/home.jpg" width="42" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://collect.myspace.com/index.cfm?fusea...riendID=8764833
">
<img src="images/add.jpg" width="48" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://mail.myspace.com/index.cfm?fuseacti...riendID=8764833
">
<img src="images/message.jpg" width="92" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="images/kmkmih_06.gif" width="10" height="133" alt=""></td>
<td>
<a href=" http://collect.myspace.com/index.cfm?fusea...riendID=8764833
">
<img src="images/comment.jpg" width="100" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://viewmorepics.myspace.com/index.cfm?...riendID=8764833
">
<img src="images/photos.jpg" width="82" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="images/kmkmih_09.gif" width="16" height="133" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/kmkmih_10.gif" width="182" height="108" alt=""></td>
<td colspan="2">
<img src="images/kmkmih_11.gif" width="182" height="108" alt=""></td>
</tr>
</table>



and i uploaded it in photobucket

http://i43.photobucket.com/albums/e378/ic0nzzz/layout-2.jpg

[clarity]

^ Oh, geez. I got Image Slicing confused with Image Mapping.

Hm, let me try and work on this.

[kariiissa]

ohhh lol
no wonder!

thank youuu

[clarity]

Gah do you think you could save it as a PSD and send it to me?

[kariiissa]

how do i ssend it to you?

[clarity]

Hm, good question. What about fileden?

[EnderSSoGC]

heres the copy html

<table id="Table_01" width="800" height="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="images/kmkmih_01.gif" width="800" height="667" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/kmkmih_02.gif" width="410" height="133" alt=""></td>
<td>
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=09ee648d-d4db-4475-af25-1349ac1de117">
<img src="images/home.jpg" width="42" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://collect.myspace.com/index.cfm?fusea...riendID=8764833
">
<img src="images/add.jpg" width="48" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://mail.myspace.com/index.cfm?fuseacti...riendID=8764833
">
<img src="images/message.jpg" width="92" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="images/kmkmih_06.gif" width="10" height="133" alt=""></td>
<td>
<a href=" http://collect.myspace.com/index.cfm?fusea...riendID=8764833
">
<img src="images/comment.jpg" width="100" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://viewmorepics.myspace.com/index.cfm?...riendID=8764833
">
<img src="images/photos.jpg" width="82" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="images/kmkmih_09.gif" width="16" height="133" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/kmkmih_10.gif" width="182" height="108" alt=""></td>
<td colspan="2">
<img src="images/kmkmih_11.gif" width="182" height="108" alt=""></td>
</tr>
</table>
and i uploaded it in photobucket

http://i43.photobucket.com/albums/e378/ic0nzzz/layout-2.jpg

In case you still need help...all of the files I've bolded....you need to go to tinypic.com....find a folder called "images" and upload all of them...then replace the bold text with the url of the uploaded pictures. And you'll have your code.

[kariiissa]

ok i have uploaded them all and what not, now do i just paste them into my code? not the one above but the one thats in my profile now

[clarity]

^ I could Image Map it if you'd like. I don't know much about Image Slicing though, so I can't really help you out there.

[kariiissa]

ahh yes please image map it if you click the first link i ever gave you you will see that it is now all messed up :[

i dont know walkwhjakl
like heres the whole code







<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:300px;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
</style>
<style type=text/css>

body {
background-color: ######;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
<style>Body{background-color:ffffff;}</style>
{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; }

</style>
<div class="bg" style="position: absolute; left:0px; top:165px; width:800px; height:800px; overflow: hidden;">
<img src="http://i43.photobucket.com/albums/e378/ic0nzzz/layout-2.jpg">
</div>
<div class="content" style="position: absolute; left:390px; top:400px; width:400px; height:400px; overflow: auto;">
slhawhah i hope this workies
</div>
<style>
.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
</style>
<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

<table id="Table_01" width="800" height="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="http://i14.tinypic.com/2hi8cxu.gif" width="800" height="667" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i12.tinypic.com/2zpoc5u.gif" width="410" height="133" alt=""></td>
<td>
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=09ee648d-d4db-4475-af25-1349ac1de117">
<img src="http://i12.tinypic.com/2rma6uc.jpg" width="42" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://collect.myspace.com/index.cfm?fusea...riendID=8764833
">
<img src="http://i13.tinypic.com/2evz01y.jpg" width="48" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://mail.myspace.com/index.cfm?fuseacti...riendID=8764833
">
<img src="http://i3.tinypic.com/48z3v3l.jpg" width="92" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://i18.tinypic.com/4chu160.gif" width="10" height="133" alt=""></td>
<td>
<a href=" http://collect.myspace.com/index.cfm?fusea...riendID=8764833
">
<img src="http://i12.tinypic.com/2m2x63o.jpg" width="100" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://viewmorepics.myspace.com/index.cfm?...riendID=8764833
">
<img src="http://i12.tinypic.com/4dwf3w7.jpg" width="82" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://i12.tinypic.com/47uot4w.gif" width="16" height="133" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://i3.tinypic.com/2hdab6r.gif" width="182" height="108" alt=""></td>
<td colspan="2">
<img src="http://i16.tinypic.com/4ginh91.gif" width="182" height="108" alt=""></td>
</tr>
</table>



that is everything i have put in there.

[EnderSSoGC]

CODE

<div class="bg" style="position: absolute; left:0px; top:165px; width:800px; height:800px; overflow: hidden; z-index:0;">
<table id="Table_01" width="800" height="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="http://i14.tinypic.com/2hi8cxu.gif" width="800" height="667" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i12.tinypic.com/2zpoc5u.gif" width="410" height="133" alt=""></td>
<td>
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=09ee648d-d4db-4475-af25-1349ac1de117">
<img src="http://i12.tinypic.com/2rma6uc.jpg" width="42" height="25" border="0" alt=""></a></td>
<td>
<a href=" [url=http://collect.myspace.com/index.cfm?fusea...riendID=8764833]http://collect.myspace.com/index.cfm?fusea...riendID=8764833[/url]
">
<img src="http://i13.tinypic.com/2evz01y.jpg" width="48" height="25" border="0" alt=""></a></td>
<td>
<a href=" [url=http://mail.myspace.com/index.cfm?fuseacti...riendID=8764833]http://mail.myspace.com/index.cfm?fuseacti...riendID=8764833[/url]
">
<img src="http://i3.tinypic.com/48z3v3l.jpg" width="92" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://i18.tinypic.com/4chu160.gif" width="10" height="133" alt=""></td>
<td>
<a href=" [url=http://collect.myspace.com/index.cfm?fusea...riendID=8764833]http://collect.myspace.com/index.cfm?fusea...riendID=8764833[/url]
">
<img src="http://i12.tinypic.com/2m2x63o.jpg" width="100" height="25" border="0" alt=""></a></td>
<td>
<a href=" [url=http://viewmorepics.myspace.com/index.cfm?...riendID=8764833]http://viewmorepics.myspace.com/index.cfm?...riendID=8764833[/url]
">
<img src="http://i12.tinypic.com/4dwf3w7.jpg" width="82" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://i12.tinypic.com/47uot4w.gif" width="16" height="133" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://i3.tinypic.com/2hdab6r.gif" width="182" height="108" alt=""></td>
<td colspan="2">
<img src="http://i16.tinypic.com/4ginh91.gif" width="182" height="108" alt=""></td>
</tr>
</table></div>

THAT is your background code.

[*WHIMSICAL 0NE*]

^ Erm, I don't think that's what they were asking. They were asking about image mapping.

[EnderSSoGC]

The original question was about slicing...and she was only talking about mapping because she didn't know how to use the slice code.

[kariiissa]

The original question was about slicing...and she was only talking about mapping because she didn't know how to use the slice code.

YES YES correct im going to go ahead and put the code you just gave me in now
thank you !!

edit-- i put that code in and it now does work thank you to everyone who helped me

[*WHIMSICAL 0NE*]

Oh, my bad then. I thought it was regarding image mapping because when Lucy offered to help them do an image map they replied like that's what they wanted.

ahh yes please image map

[clarity]

^ Yeah, and I was currently working on it.. gee. Any how, it seems she got her question answered, so...

Topic Closed.