killthecake | [51] Single Image Profile

Code:

<center>
 <table width="600px" background="BACKGROUND_IMAGE" bordercolor="#f7f7f7" border="1px" cellspacing="5px"><tbody>
 <tr>
 <td colspan="5" height="150px"></td>
 </tr>
 <tr height="50px">
 <td bgcolor="#f7f7f7"></td>
 <td rowspan="9" bgcolor="#f7f7f7" width="1%"></td>
 <td rowspan="9" bgcolor="#f7f7f7" width="80%" valign="top" align="justify">
 <center><big>HEADER</big></center><hr> TEXT HERE TEXT HERE 
 <hr><blockquote>BLOCKQUOTE TEXT HERE</blockquote>
 <hr><center><a href="URL">link</a> • <a href="URL">link</a> • <a href="URL">link</a> • <a href="URL">link</a>
 <a href="URL">link</a> • <a href="URL">link</a> • <a href="URL">link</a> • <a href="https://killthecake.dreamwidth.org/">credit</a></center>
 </td>
 <td rowspan="9" bgcolor="#f7f7f7" width="1%"></td>
 <td bgcolor="#f7f7f7"></td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td bgcolor="#f7f7f7"></td>
 <td bgcolor="#f7f7f7"></td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td bgcolor="#f7f7f7"></td>
 <td bgcolor="#f7f7f7"></td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td bgcolor="#f7f7f7"></td>
 <td bgcolor="#f7f7f7"></td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td bgcolor="#f7f7f7"></td>
 <td bgcolor="#f7f7f7"></td>
 </tr>
 <tr colspan="5" height="10px"></tr>
 </tbody></table>
</center>

❖ Been a minute since we've seen a profile code around this comm. This code was released early on the Patreon to my subscribers. So feel free to check out things over there if you want early codes or some exclusive content. There's also an option to join for free now to get alerts for public posts and the occasional random code every now and then!

❖ The image used in the example is here. You can also check out a live preview of this code here.

❖ This table has a single background. The rest of it is filled in with Dreamwidth's default site skin background color, #f7f7f7, to create a transparent illusion. If you're using a different site skin or a dark version, the color will remain the same. This should also edit the text color so that it's still easily read, but let me know if you find a problem.

❖ Profile codes can't be spaced out and formatted like most other codes released on here, so I can't really organize things in a way that makes it super easy to find for editing. In this case, liberally use CTRL+F to find what you need if you have to.

Ctrl+F & Replace:
❖ BACKGROUND_IMAGE - Where you put your image url. Make sure it's plenty big enough, like a desktop wallpaper if you want.
❖ HEADER - Your title header.
❖ TEXT HERE - Self-explanatory. Just separate paragraphs with break (br) tags like in the code.
❖ BLOCKQUOTE TEXT HERE - Same but it's the text in the lower portion that has more spacing along the sides.
❖ URL - Link urls.
❖ link - Link text.

#f7f7f7 Borders and "blank" spaces.
#821f07 Header text.
#424242 Main text.
DarkRed Link text. The links must have the name of the color, not the hex code.

[51] Single Image Profile

no subject

no subject