photoshop slices on myspace, HELPPPP! |
  |
 May 7 2008, 07:31 AM
Post
#1
|
|
|
Senior Member  Group: Member Posts: 74 Joined: Jun 2005 Member No: 146,847  |
alright once we make a design on photoshop and used slices, now how to we move it to show on myspace?
QUOTE Here's my code:
<html> <head> <title>summerlayout2</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (summerlayout2.psd) --> <table id="Table_01" width="1025" height="769" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="12"> <img src="images/slices2_01.jpg" width="1024" height="242" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="242" alt=""></td> </tr> <tr> <td colspan="4" rowspan="2"> <img src="images/slices2_02.jpg" width="592" height="118" alt=""></td> <td> <a href="http://www.myspace.com"> <img src="images/home.jpg" width="38" height="10" border="0" alt=""></a></td> <td colspan="2"> <a href="http://browseusers.myspace.com/Browse/Browse.aspx?z=1"> <img src="images/browse.jpg" width="58" height="10" border="0" alt=""></a></td> <td> <a href="http://search.myspace.com/index.cfm?fuseaction=find"> <img src="images/search.jpg" width="48" height="10" border="0" alt=""></a></td> <td> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=25881&MyToken=13d10f6d-8e5b-4a88-8a3f-d0169021b447"> <img src="images/message.jpg" width="66" height="10" border="0" alt=""></a></td> <td> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=25881&MyToken=13d10f6d-8e5b-4a88-8a3f-d0169021b447"> <img src="images/comments.jpg" width="74" height="10" border="0" alt=""></a></td> <td> <a href="http://music.myspace.com/"> <img src="images/music.jpg" width="49" height="10" border="0" alt=""></a></td> <td rowspan="6"> <img src="images/slices2_09.jpg" width="99" height="526" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="10" alt=""></td> </tr> <tr> <td colspan="7" rowspan="2"> <img src="images/slices2_10.jpg" width="333" height="227" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="108" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/slices2_11.jpg" width="92" height="408" alt=""></td> <td rowspan="3"> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=25881"> <img src="images/pictures.jpg" width="290" height="185" border="0" alt=""></a></td> <td colspan="2"> <img src="images/slices2_13.jpg" width="210" height="119" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="119" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="images/slices2_14.jpg" width="58" height="289" alt=""></td> <td colspan="3"> <a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=25881"> <img src="images/addme.jpg" width="213" height="48" border="0" alt=""></a></td> <td colspan="5" rowspan="3"> <img src="images/slices2_16.jpg" width="272" height="289" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="48" alt=""></td> </tr> <tr> <td colspan="3" rowspan="2"> <img src="images/slices2_17.jpg" width="213" height="241" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="18" alt=""></td> </tr> <tr> <td> <img src="images/slices2_18.jpg" width="290" height="223" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="223" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="92" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="290" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="58" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="152" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="38" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="23" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="35" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="48" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="66" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="74" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="49" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="99" height="1" alt=""></td> <td></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> |
|
|
|
|
May 7 2008, 08:20 AM
Post
#2
|
|
 Addict Group: Staff Alumni Posts: 3,918 Joined: Jun 2007 Member No: 538,522 |
Your generated code has a lot of 'spacers' in it. These are basically pointless slices, so make sure you've sliced your image horizontally and have left no gaps between them.
To put slices onto a Myspace, simply paste the image sources on top of one another and it will load as though tabled. |
|
|
|
|
May 10 2008, 06:46 AM
Post
#3
|
|
|
Senior Member Group: Member Posts: 74 Joined: Jun 2005 Member No: 146,847 |
oh because i did it through dreamweaver. so if i too out the spacers itll still work and not mess up the coding?
|
|
|
|
|
May 14 2008, 08:01 PM
Post
#4
|
|
 Member Group: Member Posts: 18 Joined: May 2008 Member No: 649,376 |
No, those spacers are there because when Dreamweaver sliced up your images, there were lots of overlapping spaces where you didn't put slices manually...so it added slices to make up for it. If you take all the spacers out, your images will not match up correctly any more.
The thing to do when you're slicing up images is to, like the previous poster said, make sure when you create your slice guides that you're not leaving any empty space or overlapped space. The cleaner and more simple your guides are, the less image spacers you'll need. Most of the time, once the images are sliced up, all you really need are the img links themselves...like was also said before, all you have to do is paste the image links in your code, one right below the next, in the proper order, and they should show up correctly, assuming you don't have other code that might interfere with them. GL! |
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: