[26] RP Profile Codes

[lina_trinch]

Code:
<center><table width="500px" background="IMG" bordercolor="#f7f7f7" border="1px" cellspacing="5px"> <tr height="50px"><td width="50px"></td> <td width="400px" colspan="3"></td> <td width="50px"></td></tr> <tr height="250px"><td width="50px"></td> <td bgcolor="#f7f7f7"></td> <td width="400px" bgcolor="#f7f7f7" valign="top" align="justify"><center><font face="helvetica" color="#424242"><b><big><big><big>Header</big></big></big></b></font></center><hr><font face="helvetica" color="#424242">THIS IS YOUR MAIN TEXT <hr><center><a href="URL"><font color="gray">link</font></a> • <a href="URL"><font color="gray">link</font></a> • <a href="URL"><font color="gray">link</font></a> • <a href="URL"><font color="gray">link</font></a> <a href="URL"><font color="gray">link</font></a> • <a href="URL"><font color="gray">link</font></a> • <a href="URL"><font color="gray">link</font></a> • <a href="https://killthecake.dreamwidth.org/"><font color="gray">credit</font></a> </td> <td bgcolor="#f7f7f7"></td> <td width="50px"></td> <tr height="50px"><td width="50px"></td> <td width="400px" colspan="3"></td> <td width="50px"></td></tr> </table>







Code:
<center><table width="500px" background="IMG"> <tr height="10px"> <td width="400px" colspan="15"></td></tr> <tr height="10px"> <td width="400px" colspan="15" bgcolor="#f7f7f7"></td></tr> <tr height="10px"> <td width="400px" colspan="15"></td></tr> <tr height="10px"> <td width="400px" colspan="15" bgcolor="#f7f7f7"></td></tr> <tr height="10px"> <td width="400px" colspan="15"></td></tr> <tr height="250px"> <td bgcolor="#f7f7f7"></td> <td width="500px" bgcolor="#f7f7f7" valign="top" align="justify"><center><font face="helvetica" color="#424242"><big><big><big>Header</big></big></big></font></center><hr><font face="helvetica" color="#424242">THIS IS YOUR MAIN TEXT <hr><blockquote>THIS IS YOUR BLOCKQUOTE</blockquote><hr> <center><a href="URL"><font color="gray">link</font></a> • <a href="URL"><font color="gray">link</font></a> • <a href="URL"><font color="gray">link</font></a> • <a href="URL"><font color="gray">link</font></a> • <a href="URL"><font color="gray">link</font></a> • <a href="URL"><font color="gray">link</font></a> • <a href="URL"><font color="gray">link</font></a> • <a href="https://killthecake.dreamwidth.org/"><font color="gray">credit</font></a> </td><td bgcolor="#f7f7f7"></td> </tr> <tr height="10px"> <td width="400px" colspan="15"></td></tr> <tr height="10px"> <td width="400px" colspan="15" bgcolor="#f7f7f7"></td></tr> <tr height="10px"> <td width="400px" colspan="15"></td></tr> <tr height="10px"> <td width="400px" colspan="15" bgcolor="#f7f7f7"></td></tr> <tr height="10px"> <td width="400px" colspan="15"></td></tr> </table>

❖ Make sure the image you use has a width of at least 500px. The height will adjust so also keep that in mind when you're choosing images, especially for the first code. The image will repeat itself. ❖ Be careful with spacing in profile codes. They'll create big empty spaces before you know it. I also recommend starting the code on the second line (like pressing enter and leaving a space at the top) so that it centers better. ❖ I made it so the first one is for user/character journals and the second one is for games/comms, but live your life, honestly. Use them however you like. ❖ That said, I would recommend using the first one if you have a shortish amount of text and the second if you have a lot of text. The height adjusting will look smoother. ❖ Instead of it being transparent, I just set the text backgrounds to the same color as the usual DW site background. This means that it won't have that transparent effect on all site layouts... I'm getting better, I promise. ❖ Accidentally inspired by Tricklet since it came out looking similar and I've used that one a lot in the past. Oops. ❖ I put the credit in the links section. You can move it to the bottom or credit me elsewhere if you prefer. Ctrl+F & Replace: ❖ IMG - image url. make sure it's at least 500px in width or a pattern texture. ❖ URL - link url ❖ link - link text ❖ Header - self explanatory ❖ THIS IS YOUR MAIN TEXT - The block of wide text in both. ❖ THIS IS YOUR BLOCKQUOTE - The block of thinner text in the second code. #f7f7f7 background color of the text in both and image separators in the second #424242 text color gray link text color. you have to use color names instead of hex codes for links in profiles.

Comments

[tropicsbear]

This is so pretty! Using with credit over at sigaw :3

[lina_trinch]

It looks great! Thanks for using. :)

[kiyuyu]

Thanks so much for these! Using it on my profile page

[lina_trinch]

Thanks so much! You've got it looking really cute. c:

[quamquam20]

I adore these! Using them on my profile page and also over at stolen_breeches with credit. Had to tweak the stripes because my background image was so busy.

I love how clean these look and your instructions were super clear. Thank you!

[lina_trinch]

That's a really pretty background to use for this. Thank you so much! I'm glad you like it! c: (and excellent name for that comm btw)

[quamquam20]

Thank you!