This is the HTML code I use for my table of favorite duets.
The 1st part is simply what I said BEFORE the actual table. Notice that I center it by placing the HTML <center> comand at the beginning, and then I place the </center> at the end <center><big><span style="color: rgb(51, 102, 255);">Here are some of my favorite duets with other SingSnap members</span></big><br></center> This next part is the actual TABLE. Once again, to center it, you must place <center> at the beginning and then end it with </center>. This table might be a bit confusing because it is the table with the SingSnap recordings. Everything in black, is all that YOU need to change for your own recordings. <center><table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px;"> <tbody> <tr> <td style="text-align: center; width: 157px; vertical-align: middle;"><b>That's The Way Love Goes<br>with LillySwanC</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/ba12106a7"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/ba12106a7" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object><br> </td> <td style="text-align: center; width: 157px; vertical-align: middle;"><b>Jackson<br>with coyotedaisy</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/bdfe59d3"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/bdfe59d3" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object><br> </td> <td style="text-align: center; width: 157px; vertical-align: middle;"><b>Hopelessly Yours<br>with auntdawny</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/a8cbb5b1"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/a8cbb5b1" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object><br> </td> <td style="text-align: center; width: 157px; vertical-align: middle;"><b>Anything You Can Do<br>with hiddenheart</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/b79f1fea"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/b79f1fea" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"><br> </object></td> </tr> <tr> <td style="width: 157px; text-align: center; vertical-align: middle;"><b>Who's Cheatin' Who<br>with Rainnara</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/c8120f5f0"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/c8120f5f0" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object><br> </td> <td style="width: 157px; text-align: center; vertical-align: middle;"><b>Change My Heart Oh God<br>with Carol4Jesus</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/c0130617b"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/c0130617b" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object><br> </td> <td style="width: 157px; text-align: center; vertical-align: middle;"><b>Don't Cry Joni<br>with jammmieeejam</b><br> <object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/b1b5fb09"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/b1b5fb09" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object></td> <td style="width: 157px; text-align: center; vertical-align: middle;"><b>Green Acres <br>with Kokomo</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/a8beef39"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/a8beef39" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object></td> </tr> </tbody> </table></center> When all of the above is entered into your Profile Info box, This is what you see:
There is one slight difference between the URLs above & the URLs below for your recordings Note the difference in the two: (indicated in red text) http://www.singsnap.com/snap/e/a8beef39 (for the ones above) http://www.singsnap.com/snap/r/a8beef39 (for the ones below) Now this is the Table of only Links. Notice that each row in the table, begins with a <tr> and ends with a </tr> so when I want to add another row, I simply copy and paste from the beginning of a <tr> to the end of the </tr> for those 4 cells Also notice that the width of my table is 800px and the width of each cell is 200px This is because I have 4 columns to each row and I want the cells (or columns) to be equal, thus 800px divided by 4 = 200px Everything in black, is all that YOU need to change for your own recordings. <center><table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;"> <tbody> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b0afbad3">Little-Read Bible Book</a><br> </td> <td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/bb1118be3">I Fought the Lord</a><br> </td> <td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b410abfad">Bread of Life</a><br> </td> <td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b7e49d65">Bless Your Name</a><br> </td> </tr> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b1ceaead">My Mighty God</a><br> </td> <td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b3a70249">Yes Today</a><br> </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b8deb499">You're So Good</a><br> </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/aebbf329">Y.H.W.H.</a><br> </td> </tr> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b3b895cd">I'm Walking</a><br> </td> <td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b5e95909">Elijah<br> </a></td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b910d87b1">I Love Jesus Christ</a><br> </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/aeaff3f1">The Broad Way</a><br> </td> </tr> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/ad9c6fe9">He Really Got Mad</a><br> </td> <td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/bb11067c5">Streets Of Gold</a><br> </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/bbf0d1d5">Green Pastures</a><br> </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b0abb57d">Wake Up Lazy Christian</a><br> </td> </tr> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b6105e36d">The Adam Family</a><br> </td> <td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b8efcf85">Come On Christian, Get On Fire</a><br> </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b6f2e5e7">The Preacher Man</a><br> </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><br> </td> </tr> </tbody> </table></center> When all of the above is entered into your Profile Info box, This is what you see:
Here are some basic HTML codes and what they are used for: to create a Space would create 11 Spaces<br> to create a Return <b> or <strong> to BOLD text (the text must always end with a </b> or </strong> when you want the BOLD text to stop being Bold. <big> to increase the text size one notch & you must always end it with </big> (if you use TWO, also END with TWO) <center> to Center Text or a Table & you must always end it with </center> A Table is basically made up of the following simple HTML code THIS HTML is a Single Cell (or Column) WITHIN the ROW <tr> </tr> ![]() <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> Note: these will do nothing unless they are used inside of these: <tr> </tr> (a row) And these <tr></tr> (a row) this will do nothing unless they are used inside of these: <tbody> </tbody> (a Table BODY) and these <tbody> </tbody> (a Table BODY) this will do nothing unless it is used inside the Table itself: <table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;"> </table> To create a Table that is 800 pixels wide, Put them all together like this: <table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;"> <tbody> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> </tr> </tbody> </table> This is the result:
Add another Column <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> You now have this: <table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;"> <tbody> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> </tr> </tbody> </table> This is the result:
Add another Column <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> You now have this: <table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;"> <tbody> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> </tr> </tbody> </table> This is the result:
Add another Column <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> You now have this: <table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;"> <tbody> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> </tr> </tbody> </table> This is the result:
Now Add another FULL ROW by copying a set of these <tr></tr> and everything inbetween and paste them after the last </tr> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> </tr> You now have this: <table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;"> <tbody> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> </tr> <tr> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> <td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell </td> </tr> </tbody> </table> This is the result:
If you simply want to place one single link on your profile or inside a comment box, this is the code: <a href="http://www.singsnap.com/snap/r/b0afbad3">Little-Read Bible Book</a> will create this: Little-Read Bible Book Here it is without any information inserted yet: <a href=""></a> The link (or URL) goes between the QUOTES <a href="FULL Path to the link">WHAT you want the TEXT to READ goes Here</a> I hope this helps.
![]() This is a starter page & I plan to add more good information for you, as time allows Any questions? Contact BrotherGary on SingSnap Click Here to send me a Private Message on SingSnap |