does anyone know how this guy made his top 8? Options

[azianhenry]

does anyone know how this guy made his top 8?

www.myspace.com/aziansean

if you know, could you please give me some directions? and I mean exactly like his, with the thick black border between each profile too, and the names under the pictures.

thanks in advance.

[YourSuperior]

That's easy. He took his friends' display picutres, and he used photoshop or ms paint to type their names on their pictures. And then all he did was he used HTML to put the images in tables, and he linked them and centered them. Oh, and ALL of the display images he used are the SAME SIZE (105x170). They HAVE to be the same size for it to work properly. Replace "FRIEND's MYSPACE PAGE URL HERE" with your friends myspace profile link, and replace "FRIEND'S DISPLAY IMAGE URL" with the (105x170) friends display picture url. You can upload the pictures to http://imageshack.us.

CODE

<CENTER>
<BR>

<B>TOP EIGHT</B><BR>

<TABLE WIDTH=420 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<A HREF="FRIEND's MYSPACE PAGE URL HERE">
<IMG SRC="FRIEND'S DISPLAY IMAGE URL" WIDTH=105 HEIGHT=170 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="FRIEND's MYSPACE PAGE URL HERE">
<IMG SRC="FRIEND'S DISPLAY IMAGE URL" WIDTH=105 HEIGHT=170 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="FRIEND's MYSPACE PAGE URL HERE">
<IMG SRC="FRIEND'S DISPLAY IMAGE URL" WIDTH=105 HEIGHT=170 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="FRIEND's MYSPACE PAGE URL HERE">
<IMG SRC="FRIEND'S DISPLAY IMAGE URL" WIDTH=105 HEIGHT=170 BORDER=0 ALT=""></A></TD>
</TR>
<TR>

<TD>
<A HREF="FRIEND's MYSPACE PAGE URL HERE">
<IMG SRC="FRIEND'S DISPLAY IMAGE URL" WIDTH=105 HEIGHT=170 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="FRIEND's MYSPACE PAGE URL HERE">
<IMG SRC="FRIEND'S DISPLAY IMAGE URL" WIDTH=105 HEIGHT=170 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="FRIEND's MYSPACE PAGE URL HERE">
<IMG SRC="FRIEND'S DISPLAY IMAGE URL" WIDTH=105 HEIGHT=170 BORDER=0 ALT=""></A></TD>

<TD>
<A HREF="FRIEND's MYSPACE PAGE URL HERE">
<IMG SRC="FRIEND'S DISPLAY IMAGE URL" WIDTH=105 HEIGHT=170 BORDER=0 ALT=""></A></TD>
</TR>
</TABLE>
</CENTER>

[azianhenry]

thanks Maestro, the HTML you gave me is for the table he used?.. even with the borders? And do you know how I can cut a portion of my friend's display pictures and make them (105x170)? thanks in advance.

[YourSuperior]

Yes, those are the html codes for the tables that he used. You can just take one of their pictures, and resize it to that size. You can do it in Photoshop, or go to Luna Pic.

[azianhenry]

yeah.. I was thinking of resizing the WHOLE picture, but I noticed that he cut a portion of the picture out.. do you know if he just cut a portion of the picture (the face) and resized it to 105x170?

[YourSuperior]

I don't know for sure what he actually did. But I'm sure you could just cut the face portion out, and resize it to 105x170.

[azianhenry]

okay, last question lolz.. I don't mean to be a copier but do you possibly know what exact colors and font he used? haha.. thanks for everything ^_^

[YourSuperior]

I don't know what font it is. It looks sort of like a bolded Arial, or Arial Black. The first color is white (#FFFFFF), and the blue color is (#6699cc).

[azianhenry]

umm, maestro, there's no border in your script, do you know how to add the borders? and can you teach me how to put text in the pictures using photoshop? I tried using MS paint but it came out with a white background, I wanna know how I can put text and have the background with it

[YourSuperior]

In the html codes, look for the attribute on each image that says border=0, change the 0 to 4. To add text to an image you could just use LunaPic.Com. On Luna pic, after you upload the image you want to add text to; click the T and type the text you want to be on the image where it says text, and select the font, size, & border color that you want. Then click Apply Text. Then drag the text to wherever you want it to be, and click update preview. Then right click and save your image. You'll have to do this for each image.